js获得表单中某个单元格的值

js获得表单中某个单元格的值,第1张

javascript提供了获取表格中某一行单元格数的代码,参考如下:

documentgetElementById('first')cellslength // 获取id为first的行的单元格数目

实例演示如下:

创建Html元素

<div class="box">

<span>实例演示:获取表格第一行的单元格数量</span>

<div class="content">

<table>

<tr id="first"><td>1</td><td>2</td><td>3</td></tr>

<tr><td>4</td><td>5</td><td>6</td></tr>

<tr><td>7</td><td>8</td><td>9</td></tr>

</table>

<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">

</div>

</div>

简单设置一下css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

table{border-collapse:collapse;}

td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

<script>

function fun_get(){

alert(documentgetElementById('first')cellslength);

}

</script>

先获取table,然后再去获取列。获取第一行第一列的值,代码如下:

var table=documentgetElementById('tab');//获取表格对象

var cell=tablerows[0]cells[0];//第一行第一列单元格对象

var val=cellinnerHTML;//获取值

可不可以这样:

function ssubmit(){

/

表单提交前,不用innerHTML获取表单里面的元素。

1:获取表单里面的所有元素。

2:循环获取所有元素的输入信息,重写构成一个字符串,保存输入信息。

如:<input type="text" name="textfield372" value="输入的值"/>

3:处理完所有元素,将得到一个关于表单信息的长字符串,在作为隐藏字段的值。

如:长字符串

:<form ><input type="text" name="textfield372" value="输入的值"/><input type="text" name="textfield372" value="输入的值"/></form>

4:同时注意,这个长字符串的值需要特殊处理,如里面的双引号。。。

/

documentform1submit();

}

1:你可以给table加一个id这样简单很多。也可以不加id

2:取table里input type="text 所有的值

var len = documentgetElementsByTagName("table")[0]getElementsByTagName("input")length;

var inputVal;

for(var i=0;i<len;i++){

inputVal += documentgetElementsByTagName("table")[0]getElementsByTagName("input")[i]value + "<br />";

}

alert(inputVal);

3:去select下的option的val 一样通过for循环遍历出来。这会吧。

以上就是关于js获得表单中某个单元格的值全部的内容,包括:js获得表单中某个单元格的值、怎么用js获取当前页面table一列的值、js 获取整个表单等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9600471.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存