有这么一段代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form runat="server">
<div>
<div >
<div ><input type="text" value="我是text1" /></div>
<div ><input type="text" value="我是text3" /></div>
</div>
<div><input type="button" value="没思路" onclick="getInputValue()" /></div>
</div>
</form>
</body>
</html>
我现在要获取id为parentDiv的div下的所有input的值
前提: 我不知道id为parentDiv的div下有多少个input
但我要全部获取 该如和实现啊
他们有一定的规律 就是 id为txt1的input一定在div1 下
但下一个可能是 div3包含一个txt3了
把问题想复杂一点
id=parentDiv 的div下可能有 div1 div3 div4 div7 ......N多个子div 每个子div下不光有一个input 可能有多个input 还可能同时包含 button radio select 等控件
后台如何获取这些控件的值 并保存
这个功能就好比 人才网站的个人简历中 添加工作经验一样 用户可能添加三五个工作经验 然后又随机删除一个 后台保存 如何获取这些工作经验
引用jquery
$("#parentDiv :input").each(function(){
alert($(this).val());
});
var parentDiv = document.getElementById('parentDiv');
var inputs = parentDiv.getElementsByTagName('INPUT');
for(var i=0;i<inputs.length;i++){
input = inputs[i];
val = input.value;
}
var parentDiv = document.getElementById('parentDiv');
var inputs = parentDiv.getElementsByTagName('INPUT');
var vals=new array[inputs.length];
for(var i=0;i<inputs.length;i++){
input = inputs[i];
val[i] = input.value;
}
@az235: vals[i]
每个input都可以有个name属性,根据name属性在过滤一下所有的input元素就可以了
使用Jquery么,$("input[type='text']") 可以获取所有文本框;
$("div").each(function(){
//$(this).children("input[type='text']");这里获取每个Div下面的文本框,你通过判断是否为空就可以了
})
用jquery吧,
function getInputValue() {
var inputs = $("#parentDiv input:text");
inputs.each(
function () {
alert($(this).val());
}
)
}