87,907
社区成员
发帖
与我相关
我的任务
分享js获取input中的value
在table布局中有大量<input type="text"style="width:40px" value="值可能不一样"/>
使用 document.getElementById("form1").innerHTML 获取html。
现在的需求是：
在某些输入框中输入或更改原内容。
怎么才能让 document.getElementById("form1").innerHTML中的input中的value也更改
使用 document.getElementById("form1").innerHTML 获取html。
现在的需求是：
在某些输入框中输入或更改原内容。
怎么才能让 document.getElementById("form1").innerHTML中的input中的value也更改
...全文
请发表友善的回复…
发表回复
Louis_java 2012-05-10
- 打赏
- 举报
<body>
<form name="form1" id="form1">
<table>
里面有10行，10列，个单元格里都有个<input type="text"style="width:40px">
</table>
</form>
</body>
解答:
<scirpt>
var $obj=$("#form1 :text");
$obj.each(function(){
$(this).val("文本框的内容");
</scirpt>
})
<form name="form1" id="form1">
<table>
里面有10行，10列，个单元格里都有个<input type="text"style="width:40px">
</table>
</form>
</body>
解答:
<scirpt>
var $obj=$("#form1 :text");
$obj.each(function(){
$(this).val("文本框的内容");
</scirpt>
})
p2227 2012-01-06
- 打赏
- 举报
楼主参考思路吧，HTML被浏览器解释后的字符串变化实在太多了，我只能写出其中三个的兼容
<html>
<head>
</head>
<body>
<form id="form1">
<table>
<tr><td><input type="text" style="width:40px" value="1"/></td><td><input type="text" style="width:40px" value="1"/></td></tr>
<tr><td><input type="text" style="width:40px" value="2"/></td><td><input type="text" style="width:40px" value="1"/></td></tr>
<tr><td><input type="text" style="width:40px" value="1"/></td><td><input type="text" style="width:40px" value="sd"/></td></tr>
</table>
</form>
<input type="button" value="点击" onclick="f()"/>
<script>
f = function(){
var frm = document.getElementById("form1");
var ipv = frm.getElementsByTagName("input");
//以下代码写得这么复杂只因为各个浏览器中生成的input都稍有不同
//只做了IE8，chrome，ff5
var rstr = ipv[0].outerHTML ? ipv[0].outerHTML : ipv[0].parentNode.innerHTML;
rstr = rstr.replace(/(^.*?value="?).*?("?[ \/>]$)/i,"($1).*?($2)");
var r = new RegExp(rstr,"i");
var result = frm.innerHTML;
for(var i=0;i<ipv.length;i++){
idx = document.all ? ipv.length-i-1 : i;//IE居然是反过来的，受不了了
result = result.replace(r,"$1"+ipv[idx].value+"$2");
}
alert(result);
}
</script>
</body>
</html>helloworld_oco 2012-01-06
- 打赏
- 举报
用jquery
$("input[type='text']").val();
可以试下
$("input[type='text']").val();
可以试下
wangbinykit 2012-01-06
- 打赏
- 举报
不需要做其他处理了。
只是需要document.getElementById("form1").innerHTML就可以了
当然文本框的内容要是修改后的
只是需要document.getElementById("form1").innerHTML就可以了
当然文本框的内容要是修改后的
p2227 2012-01-06
- 打赏
- 举报
建议楼主转变一下思路，因为你获取到 document.getElementById("form1").innerHTML 后也要进行下一步的处理吧。
批量获取一定的元素可以用getElementsByTagName，例子 http://topic.csdn.net/u/20120103/13/1ec707b3-e5d6-48ca-890d-0949e8de4dce.html
批量获取一定的元素可以用getElementsByTagName，例子 http://topic.csdn.net/u/20120103/13/1ec707b3-e5d6-48ca-890d-0949e8de4dce.html
wangbinykit 2012-01-06
- 打赏
- 举报
页面布局大概是这样的
<body>
<form name="form1" id="form1">
<table>
里面有10行，10列，个单元格里都有个<input type="text"style="width:40px">
</table>
</form>
</body>
有可能更改任何一个文本框的内容。
需要获取form中的所有内容
<body>
<form name="form1" id="form1">
<table>
里面有10行，10列，个单元格里都有个<input type="text"style="width:40px">
</table>
</form>
</body>
有可能更改任何一个文本框的内容。
需要获取form中的所有内容
sohighthesky 2012-01-06
- 打赏
- 举报
试试
document.getElementById("id").defaultValue;
