如何使用 jQuery 从 DataList 中获取所选项目的文本值

Question

如何获取 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 中做到这一点？

Answer 1

正如其他人指出的那样，循环遍历它们并使用 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);
});

Answer 2

考虑带有数据列表 data >> 的输入

获取 val() 尝试：

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

获取 text() 尝试：

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

Answer 3

用于获取所选索引的文本

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

用于获取所选索引的值

$('#neym').attr('value')

Answer 4

获取所选选项内的文本

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

或获取其值

$( "#neym :selected" ).val()

Answer 5

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

document.getElementById('option_box').value;

输入元素保存数据列表中所选字段的值。这是答案的一个简单的非 jquery 版本。