追加jQuery下拉列表时不工作

Im附加了一个表单&它包含

select

-Im使用jqueryselect插件

与预期一样，jQuery Selected下拉列表不起作用（因为它是附加的&jQuery不会自动附加，对吗？）

---

我试过了：

• jQuery（'#color'）.selected（）.trigger（“selected:updated”）但是看起来
  它只有在动态添加更多的
  选项时才有用，对于这种情况，似乎没有内置的选择功能结果：完全不做任何事情

• 在

  jQuery append function

  下添加了

  selected jQuery code

  Result:它将所选内容附加到

  select

  2次，第一次是“原始”的，不起作用；第二次是有效的（如果有两个相同的渲染下拉列表，则不太有用，一个不起作用）

---

问题：如果附加或动态加载所选内容，如何使其工作

---

jQuery附加函数：

jQuery('.add-color').click(function() {
    colorGroup = jQuery('.color-item').html();
    jQuery('#color').append('<div class="color-item row">'+colorGroup+'</div>');
});

HTML:

---

首先绑定每次单击的文档

jQuery(document).on('click','.add-color',function() {

jQuery('.add-color').click(function() {
    colorGroup = jQuery('.color-item').html();
    jQuery('#color').append('<div class="color-item row">'+colorGroup+'</div>');
});

jQuery('select').chosen({
   disable_search: false,
   disable_search_threshold: 5,
   width: '100%'
});

    <div id="color">
        <div class="color-item row">
            <div class="form-group col-sm-4">
                <select name="color-type[]">
                    <option value=""><?php _e('Color', 'tt'); ?></option>
                    <option value="1"><?php _e('Red', 'tt'); ?></option>
                    <option value="2"><?php _e('Blue', 'tt'); ?></option>
                    <option value="3"><?php _e('Black', 'tt'); ?></option>
                    <option value="4"><?php _e('White', 'tt'); ?></option>
                    <option value="5"><?php _e('Yellow', 'tt'); ?></option>
                    <option value="6"><?php _e('Pink', 'tt'); ?></option>
                    <option value="7"><?php _e('Green', 'tt'); ?></option>
                </select>
            </div>

            <div class="form-group col-sm-4">
            <input type="text" name="color-name[]" id="color-name" class="form-control"/>
            </div>

            <div class="form-group col-sm-4">
            <input type="number" name="color-code[]" id="color-code" class="form-control"/>
            </div>         
        </div>

        <div class="clearfix col-sm-12">
            <a class="add-color btn"><?php _e( 'Add Color','tt' ); ?></a>
        </div>

    </div>

jQuery(document).on('click','.add-color',function() {