Onchange图像更改javascript

Onchange图像更改javascript,javascript,jquery,Javascript,Jquery,它一定很简单,但找不到正确的变体。 我需要使用onchange函数更改select中的图像,但使用值属性数据ima代替 <select onchange="changeSelection(this)" id="bundle-option-1550" name="bundle_option"> <option value="5356" data-ima="pic.jpg">1</option> <option value="5357" data-

它一定很简单,但找不到正确的变体。 我需要使用onchange函数更改select中的图像,但使用值属性数据ima代替

 <select onchange="changeSelection(this)" id="bundle-option-1550" name="bundle_option">
  <option value="5356" data-ima="pic.jpg">1</option>
  <option value="5357" data-ima="pic1.jpg">2</option>
  <option value="5358" data-ima="pic2.jpg">3</option>
  <option value="5359" data-ima="pic3.jpg">4</option>
</select>
 <img id="bundle"  src=""/>
使用
.attr()
设置图像的src

jQuery("#bundle-option-1550").on('change', function(e){
    var op = $(this).find('option:selected').data('ima');
    $("#bundle").attr('src', op);
});

这就是你要找的吗

代码

$(document).ready(function(){

    $("#bundle-option-1550").change(function(){
        var dataimg = $(this).find("option:selected").attr("data-ima");

        $("#bundle").attr("src",dataimg);

    });
});

我认为如果将javascript函数的最后一行从

image.src = elem.op;}


image.src=elem.op
–函数中的局部变量名为
op
,那么为什么要在此处使用
elem.op
?欢迎并高兴地听到此消息
$(document).ready(function(){

    $("#bundle-option-1550").change(function(){
        var dataimg = $(this).find("option:selected").attr("data-ima");

        $("#bundle").attr("src",dataimg);

    });
});
image.src = elem.op;}
image.src = op;}