javascript - 循环访问多个选择字段选项值

Question

我有一个选择字段，可以选择多个选项。这些选项的值是图像 URL(例如“img/image.png”)。当用户单击某个选项时，我希望图像(如果选择了多个图像，则为图像)显示在选择字段下方。我对 jQuery 的输出感到困惑。到目前为止我已经:

$(document).ready(function(){

    $('.logo-select').on('change', function(){

        var options = $('.logo-select').val();

        $(options).each(function(){
            console.log(this);
        });

    });
});

我假设这会输出每个选项的值，但我在控制台中得到以下内容:

String {0: "i", 1: "m", 2: "g", 3: "/", 4: "i", 5: "m", 6: "a", 7: "g", 8: "e", 9: ".", 10: "p", 11: "n", 12: "g", length: 20, [[PrimitiveValue]]: "img/image.png"}

为什么要将值分解为单个字母？如何让它只输出图像路径？

Answer 1

使用this绑定(bind)您的选择

$(document).ready(function(){

    $('.logo-select').on('change', function(){
        var options = [];
        options.push($(this).val());

        $(options).each(function(){
            console.log(this);
        });

    });
});