Question

jquery如何获取select、option 参数值的问题？

<select id="a1" name="a1">
<option ds="20" value="1" selected="selected">a</option>
<option value="2">b</option>
</select>
<select id="a2" name="a2">
<option ds="15" value="1" selected="selected">c</option>
<option value="2">d</option>
</select>
jquery怎么得到所有选中项参数ds的值。

Answer 1

这个问题包含两个部分：

• 获取select的被选项

  $("select option:checked");

• 获取目标元素的属性值
  

  $(selector).attr("some-attribute");

示例代码如下

1. 创建Html元素

   <div class="box">
   	<span>点击按钮获取所有被选项的ds属性：</span><br>
   	<div class="content">
   		<select id="a1" name="a1">
   			<option ds="20" value="1" selected="selected">a，我的ds属性是20</option>
   			<option value="2">b</option>
   		</select>
   		<select id="a2" name="a2">
   			<option ds="15" value="1" selected="selected">c，我的ds属性是15</option>
   			<option value="2">d</option>
   		</select>
   	</div>
   	<input type="button" value="获取被选项的ds属性">	
   </div>

2. 设置css样式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
   select{width:150px;height:30px;margin:5px 0;border:1px solid #6699FF;}
   input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3. 编写jquery代码

   $(function(){
   	$(":button").click(function() {
   		var str = "";
   		$("select option:checked").each(function() {
   			str += $(this).attr("ds") + " ";
   		});
   		alert("被选项的ds属性:"+str);
   	});
   })

4. 观察效果

   

Answer 2

var ds = $('select[id^="a"] option:selected').map(function(){
    return $(this).attr('ds')
}).get().join(',')

Answer 3

用$("#a1 option[selected=selected]").val();就可以了