添加空白选项并将其设为默认选择
问题描述:
这使我疯狂!我想添加一个空白选项,然后将其选中。这里是我的代码:添加空白选项并将其设为默认选择
$(rowToBeAdded.find("select")[0]).prepend("<option selected='selected' value=''></option>");
rowToBeAdded是TR元素。
由于某些原因,它总是选择第二个元素。 。
UPDATE:
$(rowToBeAdded.find( “选择”)[0])预先准备( “”)VAL( '');。
答
问题在于您的选择器。我认为这是你在找什么:
$(rowToBeAdded).find("select:first").prepend("<option selected='selected' value=''></option>");
这里有一个完整的例子(Demo):
<script type="text/javascript">
$(function() {
var rowToBeAdded = $("#table1 tr");
if (rowToBeAdded) {
$(rowToBeAdded).find("select:first").prepend("<option selected='selected' value=''></option>");
}
});
</script>
<table id="table1">
<tr>
<td>
<select id="select1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select id="select2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</td>
</tr>
</table>
而这里的输出:
最后,这里的如果你需要它真的是good reference guide。
没有,应该没问题。它会在顶部添加空元素,但不会选中它。 – azamsharp 2012-04-17 20:54:14
你可以发布你正在运行的HTML吗? – j08691 2012-04-17 20:55:52
您在添加或选择时遇到问题吗? – 2012-04-17 20:55:57