使用jQuery按类名选择Select box选项

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 = '.xxx';
$('#test').find(should_be_selected).prop('selected', true)

演示：Fiddle

Answer 2

尝试这个

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

Answer 3

试试这个：

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

从字面上看，它的意思是"在具有test id的元素内（在的上下文中）查找类名为zzz的元素，并将其selected属性设置为selected。"