通過HTML

設置下拉的價值，我想它的HTML選擇下拉列表中的值。例如，我有以下選擇...通過HTML

<select id="dropdown"> 
    <option value=""></option> 
    <option value="1">Choice 1</option> 
    <option value="2">Choice 2</option> 
</select>

現在我能夠檢索文本選擇1。我知道我可以使用$('#dropdown').val('1');來選擇相應的值。但是，我實際上並沒有訪問1，我只想使用Choice 1來選擇相同的選擇。

這是可能通過jQuery，或有任何其他解決方案？

2012-08-02 matt

$('#dropdown option').each(function() { 
    if($(this).text()=='yourvalue') $('#dropdown').val($(this).val()); 
});

通過迭代的選項，並檢查相應的值

2012-08-02 09:07:58 rsplak

/* get value */ 
document.getElementById("dropdown").options[0].value 

/* get text */ 
document.getElementById("dropdown").options[3].text

2012-08-02 09:08:57

他的問題是如何選擇一個選項的內容，而不是它的索引。 – Andy 2012-08-02 09:11:44

試試這個工作的jsfiddle鏈接。 http://jsfiddle.net/Fh3WC/

更換硬編碼選擇1與您的變量值。

$(function() { 
    $("select option:contains('Choice 1')").attr('selected','selected'); 
});

2012-08-02 09:13:47 Vins

不錯的解決方案，+1 – rsplak 2012-08-02 09:14:46

回答