快捷導(dǎo)航

JavaScript獲取GridView選擇的行內(nèi)容

更新時(shí)間：2009年04月14日 13:16:46 作者：

一般GridView第一列是多選框CheckBox，負(fù)責(zé)標(biāo)記當(dāng)前行是否被選中，后面可以有文本框TextBox，下拉框DropDownList，標(biāo)簽Lable

這些東西的選取首先就要找出選擇的是第幾行，如下：
var table = document.getElementById("<%=GridView1.ClientID %>");
var rowIndex = 0 ;
for(var i=1;i<table.rows.length;i++)
{
var input = table.rows[i].cells[0].getElementsByTagName("input")[0].checked;
if (input == true)
{
rowIndex = i;
return rowIndex ；
}
}
取到TextBox中的值
table.rows[rowIndex].cells[3].getElementsByTagName("input")[0].value
取到Lable中的值
table.rows[rowIndex].cells[4].getElementsByTagName("span")[0].innerHTML
后面的.innerHTML可以換成.innerText，不過.innerHTML的瀏覽器兼容性好些。
（這里要注意了：不管是用.innerHTML還是.innerText都是只把信息顯示<span>XXXX</span>之間，而不是像TextBox的標(biāo)簽顯示在<input Value="XXXX"></input>中。缺點(diǎn)是：頁面一刷新就沒有了。）

相關(guān)文章

js 截取或者替換字符串中的數(shù)字實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 截取或者替換字符串中的數(shù)字實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子
今天小編就為大家分享一篇layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript File API實(shí)現(xiàn)文件上傳預(yù)覽
這篇文章主要為大家介紹了JavaScript File API實(shí)現(xiàn)文件上傳預(yù)覽，F(xiàn)ile API將極大地方便 Web 端的文件上傳等操作，本文將介紹 File API的概況，并用兩個(gè)實(shí)例展示File API的應(yīng)用，感興趣的小伙伴們可以參考一下
2016-02-02
JavaScript計(jì)算字符串中每個(gè)字符出現(xiàn)次數(shù)的小例子
這篇文章介紹了在JS中計(jì)算字符串中每個(gè)字符出現(xiàn)的次數(shù)，有需要的朋友可以參考一下
2013-07-07
JS實(shí)現(xiàn)Select的option上下移動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)Select的option上下移動(dòng)的方法,涉及JavaScript動(dòng)態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-03-03
js 靜態(tài)動(dòng)態(tài)成員 and 信息的封裝和隱藏
一下用面向?qū)ο蟮南嚓P(guān)概念來解釋js中的仿面向?qū)ο螅驗(yàn)閖s中不像其他語言，不存在面向?qū)ο笳Z言的相關(guān)特性
2011-05-05
JS中正則表達(dá)式只有3種匹配模式(沒有單行模式)詳解
下面小編就為大家?guī)硪黄狫S中正則表達(dá)式只有3種匹配模式(沒有單行模式)詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-07-07
JavaScript高級(jí)編程之Array的用法總結(jié)
這篇文章主要為大家介紹了JavaScript中Array常見用法的總結(jié)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-11-11
javascript動(dòng)態(tài)設(shè)置樣式style實(shí)例分析
這篇文章主要介紹了javascript動(dòng)態(tài)設(shè)置樣式style的方法,實(shí)例分析了javascript操作style樣式的易錯(cuò)點(diǎn)和相關(guān)使用技巧,需要的朋友可以參考下
2015-05-05
json數(shù)據(jù)格式常見操作示例
這篇文章主要介紹了json數(shù)據(jù)格式常見操作,結(jié)合實(shí)例形式j(luò)son對(duì)象、json數(shù)組表示方式及遍歷技巧,需要的朋友可以參考下
2019-06-06