Question

它必须非常简单，但找不到正确的变体。我需要使用onchange函数更改select中的图像，但需要取代value属性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

<强> CODE

$(document).ready(function(){

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

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

    });
});

Answer 2

使用.attr()设置图像的src

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

Answer 3

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

Answer 4

我认为如果你从

更改javascript函数的最后一行，你的代码就可以了

image.src = op;}

到

$array = explode(',', $arrayThatHasTheString[0]);

Onchange图像更改javascript

4 个答案: