使用JQuery </select>在<select>中选择选项

Question

如何使用JQuery在所选对象中创建选项？这是我的：

    <select id='ddlMeter'>
<option value='#ff3333' style='background-color:#ff3333; color:#ff3333'>red</option>
<option value='#ffee44' style='background-color:#ffee44; color:#ffee44'>amber</option>
<option value='#33ee66' style='background-color:#33ee66; color:#33ee66'>green</option>
<option value='#333333' style='background-color:#333333; color:#333333'>black</option>
</select>

Answer 1

您需要设置Attribute 选择。您可以通过调用.attr()^help来完成此操作。

示例：

$('select option:eq(1)').attr('selected', true);

将选择第二个选项。或者，您可以在父<option>元素上设置.val()^help。

$('select').val('#ffee44');

Answer 2

$("#ddlMeter").val("#33ee66");

Answer 3

要标记所选的选项，您只需设置选择项目的val()。

$('#ddlMeter').val('#333333');  //black is selected