jquery - 设置选择列表中要选择的项目

Question

我有一个像这样的选择列表:

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

我可以根据文本项而不是值设置所选项目。因此，如果我将“Blue”传递给函数，我希望该函数设置要选择的列表中的第三项。

我为此使用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');