Як отримати всі параметри вибору за допомогою jQuery?

Як я можу отримати всі параметри вибору через jQuery, передавши його ідентифікатор?

Я шукаю лише отримати їх значення, а не текст.

Використання:

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

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

Я не знаю jQuery, але я знаю, що якщо ви отримуєте елемент select, він містить об'єкт 'options'.

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

$.map це, мабуть, найефективніший спосіб зробити це.

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

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

Ви можете додати параметри зміни, $('#selectBox option:selected')якщо потрібно лише вибрані.

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

Деякі відповіді використовують each, але mapтут краща альтернатива IMHO:

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

У mapjQuery є (принаймні) дві функції. У відповіді Томаса Петерсена використовується "Utilities / jQuery.map"; у цій відповіді використовується "Проїзд / карта" (і тому трохи чистіший код).

Це залежить від того, що ви збираєтеся робити зі значеннями. Якщо ви, скажімо, хочете повернути значення з функції, mapможливо, краща альтернатива. Але якщо ви збираєтесь використовувати ці значення безпосередньо, ви, мабуть, хочете each.

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

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

Хоча ПРАВИЛЬНИЙ спосіб - встановити властивість DOM елемента, наприклад:

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

Це додасть значення параметрів #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();});

Ви можете взяти всі "вибрані значення" за назвою прапорців і подати їх у жазі, розділеній на ",".

Гарний спосіб зробити це - використовувати $ .map () jQuery:

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

alert(selected_val);

Робочий приклад

Найефективніший спосіб зробити це - використовувати $.map()

Приклад:

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

Для цього можна використовувати наступний код:

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

Для опції мультиселекції:

$('#test').val()повертає список вибраних значень. $('#test option').lengthповертає загальну кількість варіантів (як вибраних, так і не вибраних)

Це простий сценарій з jQuery:

var items = $("#IDSELECT > option").map(function() {
    var opt = {};
    opt[$(this).val()] = $(this).text();
    return opt;
}).get();
var selectvalues = [];

for(var i = 0; i < items.length; i++) {
    for(key in items[i]) {


        var id = key;
        var text = items[i][key];

        item = {}
        item ["id"] = id;
        item ["text"] = text;

        selectvalues.push(item);

    }
}
console.log(selectvalues);
copy(selectvalues);

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Ось простий приклад в jquery, щоб отримати всі значення, тексти або значення вибраного елемента або текст вибраного елемента

$('#nCS1 > option').each((index, obj) => {
   console.log($(obj).val());
})

printOptionValues = () => {

  $('#nCS1 > option').each((index, obj) => {
    console.log($(obj).val());
  })

}

printOptionTexts = () => {
  $('#nCS1 > option').each((index, obj) => {
    console.log($(obj).text());
  })
}

printSelectedItemText = () => {
  console.log($('#nCS1 option:selected').text());
}

printSelectedItemValue = () => {
  console.log($('#nCS1 option:selected').val());
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select size="1" id="nCS1" name="nCS1" class="form-control" >
					<option value="22">Australia</option>
          <option value="23">Brunei</option>
          <option value="33">Cambodia</option>
          <option value="32">Canada</option>
          <option value="27">Dubai</option>
          <option value="28">Indonesia</option>
          <option value="25">Malaysia</option>				
</select>
<br/>
<input type='button' onclick='printOptionValues()' value='print option values' />
<br/>
<input type='button' onclick='printOptionTexts()' value='print option texts' />
<br/>
<input type='button' onclick='printSelectedItemText()' value='print selected option text'/>
<br/>
<input type='button' onclick='printSelectedItemValue()' value='print selected option value' />

$("input[type=checkbox][checked]").serializeArray();

Або:

$(".some_class[type=checkbox][checked]").serializeArray();

Щоб побачити результати:

alert($("input[type=checkbox][checked]").serializeArray().toSource());

Якщо ви шукаєте всі варіанти з деяким вибраним текстом, код нижче працює.

$('#test').find("select option:contains('B')").filter(":selected");

Короткий шлях

$(() => {
$('#myselect option').each((index, data) => {
    console.log(data.attributes.value.value)
})})

або

export function GetSelectValues(id) {
const mData = document.getElementById(id);
let arry = [];
for (let index = 0; index < mData.children.length; index++) {
    arry.push(mData.children[index].value);
}
return arry;}