Onchange图像更改javascript
它一定很简单,但找不到正确的变体。 我需要使用onchange函数更改select中的图像,但使用值属性数据ima代替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-
<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;}