jQuery的循环通过选择选项和显示多个图像

Question

我有它接受当选择了选项时我想显示的图像的多个选择（Bootstrap Select）一个选择框。我做的图像部分！它成功地根据值回显图像。

但我如何通过选择循环，使其显示多个图像当选择超过1个选项。

$(document).ready(function() { 
    $("#PrimaryTrade").each(function() { 
     $(this).on('changed.bs.select', function (e) { 
      $("img[name=image-swap]").attr("src","/images/icons/" + $(this).val() + "_Image.png"); 
     }); 
    }); 
}) 

Answer 1

使用多选名单上的.VAL（）函数将返回所选值的数组：

var selectedValues = $('#multipleSelect').val(); 

之后，你可以通过这个数组和循环创建多个相似图片并将每个图像添加到DOM中的特定点：

var img = $('<img />', 
      { id: 'ImageId', 
       src: 'Image.png', 
       width: 300 
      }) 
       .appendTo($('#YourDiv'));