JQ获取select下的option的值

friends571 2015-10-20 02:07:52
二级省市联动,省的select内容为
<select id="roots">
<option value=1>浙江</option>
<option value=2>山东</option>
<option value=3>江苏</option>
.......
</select>



市区的select内容为, 上面select 的每一个option 对应下面的每一个select
<select id="sons">
<option value=1>杭州</option>
<option value=2>宁波</option>
.....
</select>

<select id="sons">
<option value=3>济南</option>
<option value=4>青岛</option>
.....
</select>

<select id="sons">
<option value=5>南京</option>
<option value=6>苏州</option>
.....
</select>

......


现在省的option值能够获取,请问市的option值怎么获取呢
...全文
296 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
wangji8171 2015-11-02
  • 打赏
  • 举报
回复
option里 可以 使用name属性取

<select id="roots" value="">
		<option value="0">...</option>
		<option value=1>浙江</option>
		<option value=2>山东</option>
		<option value=3>江苏</option>
	</select>
	<select name="sons" style="display:none">
		<option value=1>杭州</option>
		<option value=2>宁波</option>
	</select>
		 
	<select name="sons" style="display:none">
		<option value=3>济南</option>
		<option value=4>青岛</option>
	</select>
		 
	<select name="sons" style="display:none">
		<option value=5>南京</option>
		<option value=6>苏州</option>
	</select>

var roots = document.getElementById("roots");
		var sons = document.getElementsByName("sons");
		roots.onchange = function(){
			console.log(typeof this.value == "string");
			if(typeof this.value == "string" && this.value == "1"){
				for(var i=0;i<sons.length;i++){
					if(i == 0){
						sons[i].setAttribute("style","display:block");
					}else{
						sons[i].setAttribute("style","display:none");
					}
				}
			}else if(typeof this.value == "string" && this.value == "2"){
				for(var i=0;i<sons.length;i++){
					if(i == 1){
						sons[i].setAttribute("style","display:block");
					}else{
						sons[i].setAttribute("style","display:none");
					}
				}
			}else if(typeof this.value == "string" && this.value == "3"){
				for(var i=0;i<sons.length;i++){
					if(i == 2){
						sons[i].setAttribute("style","display:block");
					}else{
						sons[i].setAttribute("style","display:none");
					}
				}
			}else{
				for(var i=0;i<sons.length;i++){
						sons[i].setAttribute("style","display:none");
				}
			}
		};
香蕉猪 2015-10-21
  • 打赏
  • 举报
回复
id不可重复。。。把id="sons"改为 class="sons",,,然后用一楼的方法。。。
uajson 2015-10-20
  • 打赏
  • 举报
回复
动态生成的话,请用动态生成的数据加上其他固定的字符来作为id,id不能重复的
a756375788 2015-10-20
  • 打赏
  • 举报
回复
大哥,id是唯一的,你写错了吧
friends571 2015-10-20
  • 打赏
  • 举报
回复
好像也是无法获得
slwsss 2015-10-20
  • 打赏
  • 举报
回复
<select class="sons"> $('.sons').eq(n).val()

87,884

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧