select不在Bootstrap对话框中设置其选择

时间:2013-09-22 05:31:25

标签: jquery twitter-bootstrap

我有一个带有引导程序表单元素的引导程序对话框。 有些元素是<selcet>类型。

我想将所有选择初始化为第一个选项。 我使用$('select option:first-child').attr('selected', 'selected');来完成将selected属性放在每个选择的所有第一个选项中的工作。

但是当我使用$('#insertPopup').modal('show');将表单带到查看时,没有选择的元素都会选择第一个选项,即使它具有上述属性。

例如:

<select>
    <option value="0">Select an item</option>
    <option value="1">item 1</option>
    <option value="2">item 2</option>
</select>

<select>
    <option value="1">item 1</option>
    <option value="2">item 2</option>
</select>

我希望第一个选择中的项值0 和第二个选择中的项值1 ,因为它们都是父选择的第一个子项。< / p>

我使用过:first-child,nth-child(1),所有人都在将selected="selected"放在行中,但实际值似乎没有显示在选择文本框中。 我做错了什么?

1 个答案:

答案 0 :(得分:0)

您可以使用简单的.val() jQuery函数:

$('select').val("123");

,而HTML是:

<select>
   <option>Select an option</option>
   <option value="123">The option will be selected</option>
</select>

如果您只想选择第一个选项,则只需将.attr()替换为.prop()

$('select option:first-child').prop('selected', 'selected')