我在jQuery中有一个多选元素。
这是一个例子。
<select multiple id="multiple">
<option value="1" type="Alice">Option 1</option>
<option value="2" type="Bob">Option 2</option>
</select>
我知道我可以通过$("#multiple").val();
如何获取所选选项的类型属性?
答案 0 :(得分:3)
您需要使用伪option:selected
并查看所选的每个选项:
$('#multiple').change(function(){
var $value =$('option:selected',this).attr('type');
console.log($value);
});
或使用.each()
之类的:
$('#multiple option:selected').each(function(){
var $value =$(this).attr('type');
console.log($value);
});
答案 1 :(得分:3)
试试这个:
$(document).on("change", "#multiple", function(){
var ids = $(this).find('option:selected').map(function() {
return $(this).attr('type');
}).get();
console.log(ids);
});
的jsfiddle:
答案 2 :(得分:2)
最简单的方法是使用.map()
:
var types = $('#multiple > option:selected').map(function() {
return this.getAttribute('type');
}).get();
答案 3 :(得分:1)
var t = document.getElementById('multiple'), a = [], i;
for(i = 0; i < t.length; i++) {
if(t[i].selected) a.push(t[i].getAttribute('type'));
}
// tested on IE8+, Chrome (Windows & Linux), Safari, Firefox (Windows & Linux), Opera
答案 4 :(得分:0)
也许是这样的:
var myList = array();
$('#multiple option:selected').each(function(){
myList.push({"val":$(this).val(), "type":$(this).attr("type")});
});