javascript - 如何删除 JavaScript 初始化？

Question

我想要实现的是根据第一个下拉列表的选择填充第二个下拉列表的值。

我已经使用以下方法让它工作了:

http://jsfiddle.net/ydPfH/6/

问题是我用来在下拉列表中显示图像的外部插件以某种方式阻止了此代码正常工作。

初始化这个插件的代码是 $("body select").msDropDown(); 我在使用这个插件的简单搜索表单下面的是一个 jquery 可扩展的div，因此您可以单击 Advanced Search 以使用动态下拉列表展开表单。

<a href="#" rel="toggle[advancedsearch]" data-openimage="images/collapse.png" data-
closedimage="images/expand.png">Advanced Search<img id="expand" 
src="images/collapse.png"/>   </a> 
<div id="advancedsearch">
<p>Document Properties:</p>
<form>
<select id="tags" name="tags" class="tags">
etc....

我希望的是某种onclick 或者更容易调用另一个 JS 方法以某种方式删除 $("body select").msDropDown(); 初始化或什至初始化一些愚蠢的东西，然后将其删除。

如果有帮助，可以在此处查看页面的完整源代码:http://jsfiddle.net/pQ9LT/

谢谢，

马丁

Answer 1

如果我做对了，这里是答案:

您应该添加 class <select> 的属性将要使用您的 msDropDown 插件的元素。然后像这样初始化插件 $('select.yourClass').msDropDown();其中 yourClass是你分配给这些的类名 <select>元素。body选择器中的部分是多余的。

这样，jQuery 只会将插件应用到 <select>用你的类名“标记”的元素而不是所有元素，所以你可以使用其他“正常”<select>无干扰的元素。

希望我能帮到你。