js 获取table中表单中的值

js 获取table中表单中的值,第1张

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循环遍历出来。这会吧。

1、简单的,表格中的一行添加id属性

var item=documentgetElementById("id");

2、在行本身绑定方法将自身作为参数传递

<html>

<head>

<script type = 'text/javascript'>

var curRow; //全局行号

var curRowId; //选中行的记录信息的ID

var curColor;

function selectRow(tr){//tr行本身

curRow = tr;

curRowId = trid;

alert(trcells[0]innerText);

}

</script>

</head>

<body onload = "javascript:selectRow(1)">

<table border = "1 solid">

<tr onclick = "selectRow(this);">

<td>001</td>

<td>google</td>

</tr>

<tr onclick = "selectRow(this);">

<td>002</td>

<td>baidu</td>

</tr>

</table>

</body>

</html>

3、获取所有行集合,然后通过下标访问某一行

var items=documentgetElementByTagName("tr");

//获取某一行(下标从0开始,到itemslength-1结束)

var hang=items[0];

网页上,想输入文字,是需要文本框支持的。所以,想实现完美效果,建议td中加入2个元素:

<span></span>

<input type="text">

使用jquery绑定td的双击事件dblclick,事件效果:将span的文本赋值给input的value,隐藏span,显示input。

使用jquery绑定input的焦点丢失事件blur,事件效果:将input的value赋值给span的文本,隐藏input,显示span。

注意,table初始化的时候,span显示,input隐藏,并且span中的文本与input的value相同。

以上就是关于js 获取table中表单中的值全部的内容,包括:js 获取table中表单中的值、如何用javascript获取表格中一行的值、javascript怎么实现双击table的td实现编辑,并能保存到数据库等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/sjk/9766829.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存