jQuery循环选择选项并显示多个图像

Question

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

但是我如何循环选项，以便在选择多个选项时显示多个图像。

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