在要选择的选择列表中设置项目

Question

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

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

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

我正在使用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');