使用jquery创建多个下拉列表

我们可以按照以下方式使用jquery动态创建下拉列表

var color = $('<select />', {
                                         'class'  : 'relation-select',
                                         'id'     : 'color_' + j,
                                         'name'   : 'color[]'


});

var color=$（''{
“类”：“关系选择”，
'id'：'color_u'+j，
“名称”：“颜色[]”
});

我想创建一个包含以下HTML的下拉列表：

<select name="collection_id[]" id="collection_id" multiple data-rel="chosen">
</select>

我该怎么做呢？

这个怎么样

var color = $('<select />', {
    'class'  : 'relation-select',
    'id'     : 'color_' + j,
    'name'   : 'color[]',
    'multiple' : 1,
    'data-rel' : 'chosen'
})

var color=$（''{
“类”：“关系选择”，
'id'：'color_u'+j，
“名称”：“颜色[]”，
“多重”：1，
“数据关系”：“已选择”
})

简单地说：

$('<select />', {
    'id': 'collection_id',
    'multiple': true,
    'name': 'collection_id[]'
}).attr('data-rel', 'chosen');

$（“”{
'id'：'collection_id'，
“多重”：正确，
“名称”：“集合id[]”
}).attr（'data-rel'，'selected'）；

结果（显示在演示控制台中）：

---

您还可以通过将字符串传递给jQuery selection直接创建元素。检查下面的代码和

HTML：
JS:
变量a=$（''）
$（“#你好”）。附加（a）

<select id="collection_id" multiple="multiple" name="collection_id[]"
    data-rel="chosen"></select>

HTML:

<div id="hello"></div>

JS:
var a = $('<select name="collection_id[]" id="collection_id" multiple data-rel="chosen"></select>')

$("#hello").append(a)