jquery能否按顺序遍历某个元素下所有输入的值（select,input, textarea)?

jellday 2012-09-23 04:33:42



<div class="spot"><label for="mr">称呼：<select name="mr"><option value="1">先生</option><option value="2">女士</option><option value="3">儿童</option></select></label>

          <label>姓：<input type="text" size="6" name="surname" title="姓" /></label>

          <label>名：<input type="text" size="8" name="lastname" title="名" /></label>

          <label>护照号：<input type="text" size="10" title="护照号" /></label>

          <label style="margin:0;">出生年月：<input name="birth" type="text" size="10" value="YYYY-MM-DD" title="出生年月，格式：YYYY-MM-DD" /></label></div>

能否按顺序依次读取 select的值，input的值呢？值与值之间用逗号分开。

...全文

380 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

jellday 2012-09-25

打赏
举报

[Quote=引用 2 楼的回复:]

唉，刚让你去看看jquery选择器，你又不去看。。。。

JScript code
$(":input").each(function(){
//在里面用$(this).val()去获取值
})
[/Quote]

Sorry，我这才知道，多一个冒号:input与input是完全不同的的，我之前以为就是input

泡泡鱼_ 2012-09-23

打赏
举报

唉，刚让你去看看jquery选择器，你又不去看。。。。

$(":input").each(function(){

   //在里面用$(this).val()去获取值

})

似梦飞花 2012-09-23

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var arr=[];
var div=document.getElementsByTagName("div")[0];
var eles=div.getElementsByTagName("*");
for(var i=0;i<eles.length;i++){
if(eles[i].value){
if(eles[i].tagName=="OPTION"){
continue;
}else if(eles[i].tagName=="INPUT"&&eles[i].type=="button"){
continue;
}
arr.push(eles[i].value);
}
}
alert(arr);
}
</script>
</head>

<body>
<div>
<label for="mr">称呼：<select name="mr">
<option value="1">先生</option>
<option value="2">女士</option>
<option value="3">儿童</option>
</select></label>
<label>姓：<input type="text" size="6" name="surname" title="姓" /></label>
<label>名：<input type="text" size="8" name="lastname" title="名" /></label>
<label>护照号：<input type="text" size="10" title="护照号" /></label>
<label style="margin:0;">出生年月：<input name="birth" type="text" size="10" value="YYYY-MM-DD" title="出生年月，格式：YYYY-MM-DD" /></label>
<input type="button" value="getInformation" onclick="init()" />
</div>

</body>
</html>
这样试试