Як я можу отримати всі параметри вибору через jQuery, передавши його ідентифікатор?
Я шукаю лише отримати їх значення, а не текст.
Як я можу отримати всі параметри вибору через jQuery, передавши його ідентифікатор?
Я шукаю лише отримати їх значення, а не текст.
Відповіді:
Використання:
$("#id option").each(function()
{
// Add $(this).val() to your list
});
$.map
набагато більш елегантний і менш схильний до помилок (див. нижче).
$('#id option').map((index, option) => option.value)
: зверніть увагу на те, як відміняється підпис зворотного дзвінка порівняно з map
функцією JS "vanilla" ( (item, index) =>
)
Я не знаю 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, щоб застосувати функцію до кожного з елементів цієї змінної; все, що ми робимо, це повернути значення кожного елемента, тому що це все, що нас хвилює. Оскільки ми повертаємо їх всередині функції карти, вона фактично будує масив значень так само, як вимагається.
$('#selectBox').val()
поверне масив вибраних значень.
Деякі відповіді використовують each
, але map
тут краща альтернатива IMHO:
$("select#example option").map(function() {return $(this).val();}).get();
У map
jQuery є (принаймні) дві функції. У відповіді Томаса Петерсена використовується "Utilities / jQuery.map"; у цій відповіді використовується "Проїзд / карта" (і тому трохи чистіший код).
Це залежить від того, що ви збираєтеся робити зі значеннями. Якщо ви, скажімо, хочете повернути значення з функції, map
можливо, краща альтернатива. Але якщо ви збираєтесь використовувати ці значення безпосередньо, ви, мабуть, хочете each
.
get()
повертається об'єкт дуже часто працює з базовим масивом." - api.jquery.com/map
text()
натомість val()
. Дякую ! (Я змусив вас перейти 1000 ;->
)
$('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(domelts, elt=> $(elt).val())
Ви можете взяти всі "вибрані значення" за назвою прапорців і подати їх у жазі, розділеній на ",".
Гарний спосіб зробити це - використовувати $ .map () jQuery:
var selected_val = $.map($("input[name='d_name']:checked"), function(a)
{
return a.value;
}).join(',');
alert(selected_val);
select
а option
не прапорці.
Найефективніший спосіб зробити це - використовувати $.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());
Короткий шлях
$(() => {
$('#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;}