設置項都被選中

Question

我有一個選擇列表，像這樣：

<select id="drpColours"> 
<option value="" selected="selected">Choose color</option> 
<option value="1">black</option> 
<option value="2">BLUE</option> 
</select> 

我我可以設置基於文本的項目，而不是價值選擇的項目。所以如果我把「藍色」傳遞給一個函數，我想要這個函數設置列表中的第三個項目被選中。

我正在使用jquery。

Answer 1

試試這個：

function setColor(color) { 
    $('#drpColours option').each(function() { 
     this.selected = (this.text.toLowerCase() === color.toLowerCase()); 
    }); 
} 
setColor('BLUE'); 

它確實不區分大小寫的匹配。如果你想區分大小寫，那麼同時刪除.toLowerCase()調用。

或者這裏有同樣的事情的另一個版本：

function setColor(color) { 
    $('#drpColours option').attr('selected', function() { 
     return (this.text.toLowerCase() === color.toLowerCase()); 
    }); 
} 

setColor('BLUE');