набор предметов в списке выбора, чтобы выбрать

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');