选择按类名选择框选项与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