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

Question

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

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

rowToBeAdded是一个TR元素。

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

更新：

。

$（rowToBeAdded.find（ “选择”）[0]）预先准备（ “”）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>​

这是输出：

最后，如果你需要，这里真的是good reference guide。