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

获取所选索引文本

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

获取选定的索引值

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

Answer 3

获取所选选项内的文字

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

或者得到它的价值

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

Answer 4

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

document.getElementById('option_box').value;

input元素保存datalist中所选字段的值。这是一个简单的非jquery版本的答案。

Answer 5

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

要获得 val() 尝试：

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

要获得 text() 尝试：

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

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

5 个答案: