javascript - 在运行时生成HTML时设置select元素的值

我有一些看起来像这样的javascript：

TheHTML = '<select>';
TheHTML = TheHTML + '<option value="1">first</option>'
TheHTML = TheHTML + '<option value="2">second</option>'
TheHTML = TheHTML + '</select>'

然后使用$(selector).html(TheHTML);将HTML字符串添加到DOM中。

如果然后我想选择第二个选项，则需要添加$(selector).find(select).val(2);

有没有一种生成HTML的方法，以便将select元素添加到DOM时具有第二个选择的值？

谢谢。

最佳答案

使用selected属性

TheHTML += '<option value="2" selected>second</option>'

演示：Fiddle

关于javascript - 在运行时生成HTML时设置select元素的值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21063981/