javascript - jQuery:如何在克隆后重置多个下拉菜单？

Question

目前，每次您单击添加按钮时，我的代码都会克隆 3 个下拉菜单。

我设法让它准确地复制行，因为之前，第一个下拉菜单会自行重置，但其他两个不会，所以我只是想知道如何重置所有 3 个下拉菜单？

在这个 JSFiddle 中最容易看到:

http://jsfiddle.net/jydqK/7/

因此，如果您将第一个下拉列表更改为 agent，然后单击 +，您将看到第二行出现重复，而我希望它重置为 tags， 操作数 和值。

非常感谢任何帮助。

Answer 1

您可以使用 removeAttr 删除 selected 属性，然后触发 change() 事件。

在你的情况下:

dropdownclone.find('select.tags option:selected').removeAttr('selected');
dropdownclone.find('select.tags option:first').attr('selected','selected');
dropdownclone.find('select.tags').trigger('change');

修改示例:http://jsfiddle.net/ZF3mc/2/