Как получить все варианты выбора, используя jQuery?

Question

Как я могу получить все параметры выбора через jQuery, передав его идентификатор?

Я только ищу их значения, а не текст.

Answer 1

Использование:

$("#id option").each(function()
{
    // Add $(this).val() to your list
});

.each () | Документация по jQuery API

Answer 2

Я не знаю jQuery, но знаю, что если вы получаете элемент select, он содержит объект 'options'.

var myOpts = document.getElementById('yourselect').options;
alert(myOpts[0].value) //=> Value of the first option

Answer 3

$.map, вероятно, самый эффективный способ сделать это.

var options = $('#selectBox option');

var values = $.map(options ,function(option) {
    return option.value;
});

Вы можете добавить параметры изменения к $('#selectBox option:selected'), если хотите, чтобы были выбраны только те, которые выбраны.

Первая строка выбирает все флажки и помещает их элемент jQuery в переменную. Затем мы используем функцию .map jQuery, чтобы применить функцию к каждому из элементов этой переменной; все, что мы делаем, это возвращаем значение каждого элемента, так как это все, что нас волнует. Поскольку мы возвращаем их внутри функции map, фактически создается массив значений в соответствии с запросом.

Answer 4

В некоторых ответах используется each, но map является лучшей альтернативой здесь ИМХО:

$("select#example option").map(function() {return $(this).val();}).get();

В jQuery есть (как минимум) две функции map. В ответе Томаса Петерсена используется «Utilities / jQuery.map»; в этом ответе используется «Обход / карта» (и, следовательно, немного более чистый код).

Это зависит от того, что вы собираетесь делать со значениями. Если, скажем, вы хотите вернуть значения из функции, map, вероятно, является лучшей альтернативой. Но если вы собираетесь использовать значения напрямую, вы, вероятно, захотите each.

Answer 5

$('select#id').find('option').each(function() {
    alert($(this).val());
});

Answer 6

$("#id option").each(function()
{
    $(this).prop('selected', true);
});

Хотя способ CORRECT состоит в том, чтобы установить свойство DOM элемента следующим образом:

$("#id option").each(function(){
    $(this).attr('selected', true);
});

Answer 7

Это поместит значения параметров #myselectbox в хороший чистый массив для вас:

// First, get the elements into a list
var domelts = $('#myselectbox option');

// Next, translate that into an array of just the values
var values = $.map(domelts, function(elt, i) { return $(elt).val();});

Answer 8

Вы можете взять все ваши «выбранные значения» по имени флажков и представить их в строке, отделенной «,».

Хороший способ сделать это - использовать jQuery's $ .map ():

var selected_val = $.map($("input[name='d_name']:checked"), function(a)
    {
        return a.value;
    }).join(',');

alert(selected_val);

Answer 9

Рабочий пример

Самый эффективный способ сделать это - использовать $.map()

Пример:

var values = $.map($('#selectBox option'), function(ele) {
   return ele.value; 
});

Answer 10

Для этого вы можете использовать следующий код:

var assignedRoleId = new Array();
$('#RolesListAssigned option').each(function(){
    assignedRoleId.push(this.value);
});