Question

selectBox 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>

我有两个链接，即link1和link2。

点击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 show / hide函数becoz，这在浏览器中不起作用，如IE / chrome。

Answer 1

使用prepend()：

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

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

$("#customerBox option.add-operation").before(deleteOptionHtml);

Jquery在选择框中的索引1处追加HTML？

1 个答案: