選擇按類名選擇框選項與jQuery

Question

我有一個選擇框，如下所示：

<select id="test"> 
    <option class="yyy">Val 1</option> 
    <option class="zzz">Val 2</option> 
    <option class="xxx">Val 3</option> 
</select> 

我想和所選擇zzz類的第二個選項，這應該是由選擇的類名和不是靠它的價值。

這裏是我的代碼（不工作）：

var should_be_selected = 'zzz'; 
$(#test).children().hasClass(should_be_selected).attr('selected', 'selected'); 

感謝您的幫助。

Answer 1

試試這個

var should_be_selected = 'zzz'; 
    $('#test').find('.' + should_be_selected).attr('selected', 'selected'); 

Answer 2

試試這個：

var should_be_selected = '.zzz'; 
$(should_be_selected , $("#test")).prop('selected', 'selected'); 

從字面上看，它的意思是「查找與類名zzz元素（上下文）元素的內部與test ID及其selected屬性設置爲selected。」

Answer 3

使用

var should_be_selected = '.xxx'; 
$('#test').find(should_be_selected).prop('selected', true) 

演示：Fiddle