JavaScript獲取GridView選擇的行內(nèi)容
更新時間:2009年04月14日 13:16:46 作者:
一般GridView第一列是多選框CheckBox,負責(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>中。缺點是:頁面一刷新就沒有了。)
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>中。缺點是:頁面一刷新就沒有了。)
相關(guān)文章
js 截取或者替換字符串中的數(shù)字實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 截取或者替換字符串中的數(shù)字實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06layui的數(shù)據(jù)表格+springmvc實現(xiàn)搜索功能的例子
今天小編就為大家分享一篇layui的數(shù)據(jù)表格+springmvc實現(xiàn)搜索功能的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript File API實現(xiàn)文件上傳預(yù)覽
這篇文章主要為大家介紹了JavaScript File API實現(xiàn)文件上傳預(yù)覽,F(xiàn)ile API將極大地方便 Web 端的文件上傳等操作,本文將介紹 File API的概況,并用兩個實例展示File API的應(yīng)用,感興趣的小伙伴們可以參考一下2016-02-02JavaScript計算字符串中每個字符出現(xiàn)次數(shù)的小例子
這篇文章介紹了在JS中計算字符串中每個字符出現(xiàn)的次數(shù),有需要的朋友可以參考一下2013-07-07JS實現(xiàn)Select的option上下移動的方法
這篇文章主要介紹了JS實現(xiàn)Select的option上下移動的方法,涉及JavaScript動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-03-03js 靜態(tài)動態(tài)成員 and 信息的封裝和隱藏
一下用面向?qū)ο蟮南嚓P(guān)概念來解釋js中的仿面向?qū)ο螅驗閖s中不像其他語言,不存在面向?qū)ο笳Z言的相關(guān)特性2011-05-05JavaScript高級編程之Array的用法總結(jié)
這篇文章主要為大家介紹了JavaScript中Array常見用法的總結(jié),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-11-11javascript動態(tài)設(shè)置樣式style實例分析
這篇文章主要介紹了javascript動態(tài)設(shè)置樣式style的方法,實例分析了javascript操作style樣式的易錯點和相關(guān)使用技巧,需要的朋友可以參考下2015-05-05