在table布局中有大量<input type="text"style="width:40px" value="值可能不一样"/>使用 document.getElementById("form1").innerHTML 获取html。现在的需求是:
在某些输入框中输入或更改原内容。
怎么才能让 document.getElementById("form1").innerHTML中的input中的value也更改
在某些输入框中输入或更改原内容。
怎么才能让 document.getElementById("form1").innerHTML中的input中的value也更改
解决方案 »
- 请教个jquery的问题
- 高手请进
- js 不能出现对应的值
- 求js操作img对象usermap属性的语句
- Jquery validate验证时候能使用ID进行验证么?怎么写?
- js,string,search总是为0,真找不到原因了。
- 巨难的问题!页面加载自动实现window.open的功能...在线等
- 下拉菜单的联动问题(当第一个菜单改变时,要显示或隐藏另一个不同的菜单), 不是想像的那么简单
- 如何隐藏窗体,JS变量如何传给PHP变量(在一个页面内)。
- 请帮忙看下post提交后刷新页面提示重复提交表单的问题
- jquery 设置dropdownlist选中项以后,怎么触发change()事件啊?
- JS控制DIV显示后隐藏问题(具体内详)
document.getElementById("id").defaultValue;
<body>
<form name="form1" id="form1">
<table>
里面有10行,10列,个单元格里都有个<input type="text"style="width:40px">
</table>
</form>
</body>
有可能更改任何一个文本框的内容。
需要获取form中的所有内容
只是需要document.getElementById("form1").innerHTML就可以了
当然文本框的内容要是修改后的
$("input[type='text']").val();
可以试下
<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>
<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>
})