jquery获取所有下拉值

2018-05-30 17:20:26

我使用id my_dropdown下拉<select> 。我允许多选。我知道如何使用jQuery获取选定的值：

var values = $('#my_dropdown').val();

如果我选择多个，这将返回一个数组值。无论选择什么内容，我还需要获取下拉列表中的所有值。我如何使用jquery类似地获取所有在给定的id下拉列表中的值？

感觉如何：

var values = [];
$('#my_dropdown option').each(function() { 
    values.push( $(this).attr('value') );
});

好像：

var values = $('#my_dropdown').children('option').map(function(i, e){
    return e.value || e.innerText;
}).get();

看到这在行动：http://www.jsfiddle.net/YjC6y/16/

参考：.map（）

例如： http : //jsfiddle.net/FadHu/

var opts = $('#my_dropdown')[0].options;

var array = $.map(opts, function( elem ) {
    return (elem.value || elem.text);
});

<select>元素的options属性中有一个选项列表。然后使用返回数组的$.map()来获取选项的value或text属性。

（注意$.map()与$(element).map()有点不同，可能有点棘手。）

链接地址: http://www.djcxy.com/p/4987.html