如何使用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中獲取選定項目的文本值

回答

相關問題