使用 JQuery 克隆“选择” - 从下拉列表中选择一个选项什么都不做答案

【问题标题】：Using JQuery to clone a "select" - selecting an option from the drop down does nothing使用 JQuery 克隆“选择” - 从下拉列表中选择一个选项什么都不做
【发布时间】：2013-08-30 09:33:00
【问题描述】：

以下是 HTML/JQuery 代码示例。我想克隆一个“选择”。 “选择”确实被克隆了（顺便说一句，由于某种原因两次，这是另一个问题）但是当使用鼠标从选项列表中选择一个项目时，该项目没有被选中，也没有在 UI 中更新。

如果能在这方面获得一些提示会很棒。

<body>
    <div>
        <form action="" method="POST" id="id_of_form">
            <div id="id_div_selection_options">
                <select id="id_selection_options">
                    <option value="a">a</option>
                    <option value="b">b</option>
                </select>
            </div>
        </form>
    </div>

    <p>
        <a id="add" href="#" data-role="button" data-icon="plus">Add another item</a>
    </p>
</body>


{% block extra-js %}
<script>
    $(document).ready(function() {

        function addEntry(btn) {
            var cloned = $('#id_div_selection_options').clone();
            cloned.attr('id', 'id_of_dup');
            cloned.appendTo($("#id_of_form"));
        }

        // Register the click event handlers
        $("#add").click(function() {
            return addEntry(this);
        });
    });
</script>
{% endblock extra-js %}

TX 伙计

【问题讨论】：

似乎没问题jsfiddle.net/arunpjohny/Q48LF/1控制台出现任何错误
一个 jsFiddle 链接会很有帮助。
您正在克隆 div 并更改其中的 id，但不会更改克隆的 select 中的 id。
@Arun P Johny：控制台：单击按钮后没有消息。页面加载时：资源解释为图像，但使用 MIME 类型 image/x-png 传输：“127.0.0.1:8000/static/jquery.mobile-1.2.0/images/…”
@Teemu：使用“元素视图”更改 id - 同样的问题

标签： javascript jquery html

【解决方案1】：

你需要name select 属性来发布值..

 <select id="id_selection_options" name="someName[]">
                               //--^^^ here---

在名称中使用数组来发布多个值

【讨论】：

谢谢。我试过了，但仍然是同样的问题：
还有其他建议吗？