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'));