javascript - onchange图像更改javascript

Question

它一定很简单，但找不到正确的变体。 我需要使用 onchange 函数更改 select 中的图像，但取而代之的是值属性 data-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=""/>

和我使用的javascript

function changeSelection(elem) {
var op = $(elem).find(':selected').data('ima')
var image = document.getElementById("bundle"),
image.src = elem.op;}

Answer 1

这是您要找的吗？

DEMO

代码

$(document).ready(function(){

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

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

    });
});