Javascript Jquery multiselect为每个选定值创建div
我有一个多选项,有20多个选项。当用户选择一个选项时,它会创建一个div,其中包含为每个选定项选择的选项的名称。 示例:用户选择“伦敦”和“巴黎”,并创建两个div,其中内部写有“伦敦”和“巴黎”Javascript Jquery multiselect为每个选定值创建div,javascript,jquery,arrays,multi-select,Javascript,Jquery,Arrays,Multi Select,我有一个多选项,有20多个选项。当用户选择一个选项时,它会创建一个div,其中包含为每个选定项选择的选项的名称。 示例:用户选择“伦敦”和“巴黎”,并创建两个div,其中内部写有“伦敦”和“巴黎” 如果我使用$(“#multiselect”).val(),它会给我一个数组,所以我在一个div中得到所有。 你知道如何使用Jquery实现这一点吗?你可以这样做: $('select').change(function() { var optionsselected = $(this).val()
如果我使用$(“#multiselect”).val(),它会给我一个数组,所以我在一个div中得到所有。
你知道如何使用Jquery实现这一点吗?你可以这样做:
$('select').change(function() {
var optionsselected = $(this).val();
$('.divContainer').html("");
$.each(optionsselected,function(i,x) {
$('.divContainer').append('<div>'+x+'</div>')
});
})
$('select')。更改(函数(){
var optionselected=$(this.val();
$('.divContainer').html(“”);
$。每个(选项已选定,功能(i,x){
$('.divContainer').append(''+x+'')
});
})
演示
$('select')。更改(函数(){
var optionselected=$(this.val();
$('.divContainer').html(“”);
$。每个(选项已选定,功能(i,x){
$('.divContainer').append(''+x+'')
});
})
伦敦
巴黎