0

选择框 HTML

<select id="customerBox" onchange="customerOperation(this);">
    <option value="-1"  > Select</option>
    <option value="delete"  class="delete-operation"> Delete </option>
    <option value="add" class="add-operation"> Add </option>
</select>

我有两个链接，即链接1 和链接2。

点击link1，我需要删除删除选项
点击link2，需要再次附加

单击链接 1 我正在分离 html，如下所示

 var deleteOptionHtml = $("#customerBox option[class=delete-operation]").detach();

单击链接 2 我正在重新附加 html，如下所示

  $("#customerBox").append(deleteOptionHtml);

一切正常，但删除选项在添加之后被附加，我看到选项顺序Select,Add, Delete而不是Select,Delete,Add. 有没有办法我可以在 1 索引处附加 html（删除选项）

注意：-我没有使用 jquery 显示/隐藏功能，因为这在 IE/chrome 等浏览器中不起作用。

4

1 回答 1

1

使用prepend()：

$("#customerBox").prepend(deleteOptionHtml);

要始终在添加选项之前插入它，请使用以下命令：

$("#customerBox option.add-operation").before(deleteOptionHtml);
于 2013-09-02T14:56:14.690 回答