jquery - 从表单中的所有选择元素中获取所有选择的选项元素

Question

大家好，感谢您花时间回答我的问题。

我有一个带有“skillLevel”类的 6 个选择元素的表单。我需要使用 jQuery 获取（最好在数组中）每个选择元素的值。

我怎样才能做到这一点？

score 33 · Accepted Answer

您可以使用map方法：

var arr = $('select.skillLevel').map(function(){
              return this.value
          }).get()

arr是一个值数组。

score 16 · Accepted Answer

    var array = [];
    $('.skillLevel  option:selected').each(function() {
        array[ $(this).val()] = $(this).text();
    });

score 7 · Accepted Answer

像这样的东西会为你做到这一点。

var val = new Array();

$("select.skillLevel").each(function(){
    val.push(this.value);
});

score 3 · Accepted Answer

用它作为

$(".skillLevel option:selected").each(function () {
            alert($(this).text());
});

看看这个小提琴

score 2 · Accepted Answer

2

希望这个小提琴对您有所帮助：所有选定的选项

于 2012-09-17T11:11:33.477 回答

score 2 · Accepted Answer

你也可以map像这样使用带有 ES6 箭头函数的方法。

var arr = $('select.skillLevel').get().map(e => e.value)

正如在接受的答案中一样，arr是一个值数组。

score 1 · Accepted Answer

我认为你必须使用$(".skillLevel")来选择你想要的值的所有元素，然后遍历它们，并使用.val()来提取每个元素的值，并按照你的意愿对待它。

希望这可以帮助！

7 回答 7