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

如何获取DataList中选项的文本值？我需要使用id的值，但我也需要selectedIndex的值，它是名称。如何使用jQuery从DataList中获取选定项目的文本值

<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？

来源

2011-07-04 Wern Ancheta

遍历它们，并使用文本（）和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); 
});

来源

2011-07-04 12:42:51 johnhaggkvist

要获得所选择的选项

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

还是要得到它的价值

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

来源

2011-07-04 12:07:01

在什么情况下我应该放这个？ –

对于里面的文本得到选中索引的文本

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

用于获取选定的索引的价值

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

来源

2011-07-04 12:12:00

任何事件你想要的 –

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

document.getElementById('option_box').value;

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

来源

2013-03-02 02:16:32

嗨，欢迎来到Stack Overflow！谢谢你的回答，但是，你应该扩展更多。请包括您的代码的解释，以及它如何解决提问者的问题。 – Jesse

添加一些关于“**”和“**”为什么**的描述，你是这样做的。 –

添加了一些更多信息。 –

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

回答

相关问题