js 获取表格数据（表单变量值）
js獲取表單中的指定動(dòng)態(tài)變量
問(wèn)題描述：for循環(huán)實(shí)現(xiàn)表格每行數(shù)據(jù)輸入，對(duì)應(yīng)每行有提交表單需要做相應(yīng)處理，我們需要獲得該行某列的變量值
要求：表格每一行有一個(gè)提交按鈕實(shí)現(xiàn)前臺(tái)判斷操作（判斷表格每行第二列的值namefile是否等于動(dòng)態(tài)設(shè)置的值）
實(shí)現(xiàn)：通過(guò)在提交表單οnsubmit="javascript:return?checkName()"調(diào)用函數(shù)checkName()檢測(cè)，返回false表單不提交，不返回或者返回true提交表單
程序框架如下：
<head>
????<script?type="text/javascript">
????????function?checkName(){
????????}
????</script>
</head>
<body>?
......
<%for(var?i?=?0,?i?<?10,?++i)%>
????<tr>
????????<td>
????????????....
????????</td>
????????<td>
????????<form?action="file.action"?enctype="multipart/form-data"?method="post"
οnsubmit="javascript:return?checkName()">
<input?type="hidden"?name="subfilename"?id="subfilename"?value="<%=namefile%>"/>
????????<input?type="submit"?name="btn"?value="點(diǎn)擊"?/>
????????</form>
????????</td>
????????<td>
????????????....
????????</td>
??????????.
??????????.
??????????.
????</tr>
</body>?
js實(shí)現(xiàn)方法：
一、采用getElementById()?，該方法難以實(shí)現(xiàn)
原因：getElementById()返回?fù)碛兄付╥d的第一個(gè)對(duì)象的引用，因?yàn)槲覀儗?shí)現(xiàn)的是for循環(huán)多行數(shù)據(jù)采用同一個(gè)變量，該函數(shù)只會(huì)得到第一行的對(duì)象
getElementById()在js中使用：
var?name?=?getElementById("filename").value;?//name為得到的對(duì)應(yīng)id的屬性值，filename為id名稱
二、采用getElementsByName()，該方法難以實(shí)現(xiàn)
原因：getElementsByName()返回指定名稱對(duì)象的集合，為對(duì)象數(shù)組結(jié)構(gòu)，對(duì)應(yīng)每一行的提交按鈕無(wú)法確定是第幾行，也無(wú)法檢測(cè)是第幾個(gè)提交按鈕
檢測(cè)方法比較復(fù)雜
三、采用函數(shù)傳值
有的時(shí)候不能采用固定思維，只想到利用HTML?DOM?方法，利用函數(shù)傳值很簡(jiǎn)單，每行的參數(shù)變量是變化的，每行傳的形參自然是正確的
代碼如下：
<head>
????<script?type="text/javascript">
????????function?checkName(subfilename){
????????????if(subfilename?==?"??")?//引號(hào)里自己控制，若動(dòng)態(tài)也可以用此函數(shù)傳形參過(guò)來(lái)
????????????{
????????????????return?true;//可以省略
????????????}
????????????else{
????????????????alert("請(qǐng)重新選擇");
????????????????return?false;
????????????}
????????}
????</script>
</head>
<body>?
......
<%for(var?i?=?0,?i?<?10,?++i)%>
????<tr>
????????<td>
????????????....
????????</td>
????????<td>
????????<form?action="file.action"?enctype="multipart/form-data"?method="post"
οnsubmit="javascript:return?checkName(subfilename.value)">
<input?type="hidden"?name="subfilename"?id="subfilename"?value="<%=namefile%>"/>
......
????????<input?type="submit"?name="btn"?value="點(diǎn)擊"?/>
????????</form>
????????</td>
????????<td>
????????????....
????????</td>
??????????.
??????????.
??????????.
????</tr>
</body>?
測(cè)試，此方法簡(jiǎn)單有效。
轉(zhuǎn)載于:https://blog.51cto.com/carrie1314/1332139
總結(jié)
以上是生活随笔為你收集整理的js 获取表格数据（表单变量值）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 如何获取Oracle数据库中某表及索引、
- 下一篇： 选择书本那些事儿