JQ获取select下的option的值

2015-10-20 02:07:52 350 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

jQuery获取多个select下拉框中的option的text值实现方法，jq读取同名下的select下拉框的选中的值 jQuery获取多个select下拉框中的option的text值实现方法，jq读取同名下的select下拉框的选中的值阅读详情

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

...全文

软考29-上午题-【数据结构】-排序数据结构7种排序阅读详情

friends571

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

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