选择添加的listitem of select

Question

我有一个选择：

    <select id="club">
      <option>&nbsp;</option>
      <option value=bla1>bla1</option>
      <option value=bla2>bla2</option>
    </select>

我使用此代码向<select>添加了一个项目作为第一项，该工作正常：

$("#club option").eq(0).before("<option value=1>test</option>").css("background-color", "#F2EE72");

但仍然选中了空选项，我希望选择刚添加的项目，因此它在列表框中显示为默认项目。我怎样才能做到这一点？谢谢！

Answer 1

由于您在eq(0)之前添加了新选项节点，因此您只需链接prev()即可访问它。

像这样：

$("#club option").eq(0).before('<option value="1">test</option>').css("background-color", "#F2EE72").prev().prop('selected',true);

示例：http://jsfiddle.net/AlienWebguy/9EVjn/1/

Answer 2

尝试：

1）

$("#club option").eq(0).before("<option selected value=1>test</option>").css("background-color", "#F2EE72");

或

2）

 $("#club option").eq(0).before("<option value=1>test</option>").css("background-color", "#F2EE72");
 $("#club").val(1);