JQ获取select下的option的值

[friends571]

二级省市联动,省的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值怎么获取呢

[slwsss]

<select class="sons"> $('.sons').eq(n).val()

[friends571]

好像也是无法获得

[a756375788]

大哥，id是唯一的，你写错了吧

[uajson]

动态生成的话，请用动态生成的数据加上其他固定的字符来作为id，id不能重复的

[香蕉猪]

id不可重复。。。把id="sons"改为 class="sons"，，，然后用一楼的方法。。。

[wangji8171]

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");
				}
			}
		};