Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery multiselect为每个选定值创建div_Javascript_Jquery_Arrays_Multi Select - Fatal编程技术网

Javascript Jquery multiselect为每个选定值创建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()

我有一个多选项,有20多个选项。当用户选择一个选项时,它会创建一个div,其中包含为每个选定项选择的选项的名称。 示例:用户选择“伦敦”和“巴黎”,并创建两个div,其中内部写有“伦敦”和“巴黎”
如果我使用$(“#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+'')
});
})

伦敦
巴黎