jquery - 添加空选项并使其成为默认选择

Question

这让我发疯！我想添加一个空选项，然后将其选中。这是我的代码：

 $(rowToBeAdded.find("select")[0]).prepend("<option selected='selected' value=''></option>"); 

rowToBeAdded 是一个 TR 元素。

由于某种原因，它总是选择第二个元素。

更新：

$(rowToBeAdded.find("select")[0]).prepend("").val('');

Answer 1

问题出在您的选择器上。我想这就是你要找的：

$(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>​

这是输出：

最后，如果您需要，这里有一个非常好的参考指南。