Question

下面是HTML / JQuery代码示例。我想克隆一个“选择”。确实克隆了“选择”（BTW，由于某种原因两次，这是另一个问题）但是当使用鼠标从选项列表中选择项目时，该项目未被选中并且未在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 盖

Answer 1

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

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

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

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

1 个答案: