Как получить текстовое значение выбранного элемента из DataList с помощью jQuery

Как получить текстовое значение параметров в DataList? Мне нужно использовать значение id, но мне также нужно значение selectedIndex, которое является именем.

<input type="text" name="names[]" id="names" list="neym"/>
<datalist id="neym">
    <option value="example"></option>
    <option value="example2"></option>
    <option value="example3"></option>
</datalist>

Как мне это сделать в jQuery?


person Wern Ancheta    schedule 04.07.2011    source источник


Ответы (5)


Прокрутите их и используйте text() и val(), как указывали другие:

$('#neym option').each(function(index) {
    var id = $(this).val();
    var name = $(this).text();

    // Do something with the id and name
    alert('Found ' + name + ' with id ' + id);
});
person johnhaggkvist    schedule 04.07.2011

Для получения текста выбранного индекса

$("#neym option:selected").text()

Для получения значения выбранного индекса

$('#neym').attr('value')
person Shashank Patel    schedule 04.07.2011

Чтобы получить текст внутри выбранной опции

$( "#neym :selected" ).text();

Или получить его значение

$( "#neym :selected" ).val()
person Wayne Ashley Berry    schedule 04.07.2011
comment
в каком случае я должен поставить это? - person Wern Ancheta; 04.07.2011

<input id="option_box" list="my_options">
<datalist id="my_options">
</datalist>

document.getElementById('option_box').value;

Элемент ввода содержит значение выбранного поля в списке данных. Это простая версия ответа без jquery.

person Peter Lonjers    schedule 02.03.2013
comment
Привет, добро пожаловать в Stack Overflow! Спасибо за ваш ответ, однако, вы должны расширить его больше. Пожалуйста, включите объяснение вашего кода и то, как он решает вопрос/проблему автора. - person Jesse; 02.03.2013
comment
Добавьте описание того, что и почему вы делаете именно так. - person Lukas Knuth; 02.03.2013

Учитывая вход с данными списка данных ››

чтобы получить val(), попробуйте:

$("#inputid").val();

чтобы получить text(), попробуйте:

$("#datalistid option[value='" + $('#inputid').val() + "']").text();
person Saghachi    schedule 11.05.2021