0

我有一个包含很多字段（输入文本和下拉菜单）的表单，我想将一些字段克隆到其他字段上。这些字段是数据库填充和动态填充的组合。

jquery clone() 可以很好地克隆在页面加载时预先填充的内容，但对于任何动态用户输入根本就不行。我为我的领域找到了解决方案：

$('div.myStuffToCopy').find('input:text').each(function() {
    $(this).attr('value', $(this).val());
});

newDiv = $('div.myStuffToCopy').clone(true);

使用“myStuffToCopy”代表此处包含我要复制的内容的 div。

经过对下拉问题的大量研究，我找不到有效的解决方案。https://github.com/spencertipping/jquery.fix.clone上的修复，这似乎是公认的答案，没有任何区别（因为我的下拉列表在页面加载时被正确克隆）。有没有办法做与输入字段相同的技巧？

编辑：这是一个jsfiddle，看看我想要实现的目标：如果您修改第一行字段并单击“复制”链接，您将看到 2 个输入被复制（感谢顶部的几行 JS ) 但不是下拉菜单。

EDIT2：我找到了一种让它现在工作的方法（here），但奇怪的是下拉克隆选择了正确的值，但它没有显示在屏幕上（在 chrome 和 firefox 上） - 仅在提交表单时POST 值是否显示它是正确的。如何强制下拉显示实际价值？

4

0 回答 0