msDropDown 删除所有选项答案

【问题标题】：msDropDown Delete all optionsmsDropDown 删除所有选项
【发布时间】：2014-06-04 15:12:32
【问题描述】：

请告诉我如何从 msDropDown 中删除/清除所有选项。我已经尝试了下面的代码，但它不能正常工作。

    oHandler2 = $("#main").msDropDown().data("dd"); 
    oHandler2.remove();

提前致谢。兰皮

【问题讨论】：

看起来 remove 需要一个参数 - 要删除的项目的索引。
有什么功能可以清除所有选项吗？或者我可以获取下拉列表中的项目数吗？
不确定，你可以试试 .destroy() 方法。
.destroy() 将其转换为常规选择输入。然后，您可以使用 $('#main options').remove() 检查删除选项，但之后他必须转换回 msDropDown。

标签： javascript jquery forms msdropdown

【解决方案1】：

调用.remove()方法时需要指定索引，访问childElementCount属性可以得到所有选项的计数。然后你只需要删除所有选项。示例如下：

var oHandler2 = $("#main").msDropDown().data("dd");

for(var i = 0; i < oHandler2.childElementCount; i++){
    oHandler2.remove(0); //remove the current first option
}

【讨论】：

【解决方案2】：

在我看来，删除所有项目的最佳方法是

var oHandler = $("#main").msDropDown().data("dd");
oHandler.set("length", 0);

【讨论】：

【解决方案3】：

如果您不需要删除指定项目，您可以删除您的元素。然后新建一个。

HTML

<div class="mainSection">
    <div id="main"></div>
</div>

脚本

<script>
   $("#main").remove();
   $(".mainSection").append("<div id='main'></div>");
   $("#main").msDropDown().data("dd"); 
</script>

【讨论】：