发表新帖
发表新帖

change the src value of an image based on the options value in a select box

后端 未结
关注
4 1227
闹比i
闹比i 2020-12-14 13:34

I have an img tag and a select box
提交评论
  •  加载中...
  • 没有蜡笔的小新
    2020-12-14 14:07 
    try this


<img src="" class="image-swap">

<select name="kitchen_color" id="kitchen_color" onchange="change_image()">
    <option value="/static/imag1.jpg">Red</option>
    <option value="/static/imag2.jpg">Black</option>
    <option value="/static/imag3.jpg">White</option>

</select>


$(document).ready(function(){
    $('.image-swap').attr("src",$('#kitchen_color').val());
})

function change_image(){
    $('.image-swap').attr("src",$('#kitchen_color').val());
}
    0 讨论(0)
  • 臣服心动
    2020-12-14 14:08

    use a change function on your select list

    $('#kitchen_color').change( function() {    
$("#imgid").attr("src","new src value");
});
    0 讨论(0)
  • 傲寒
    2020-12-14 14:13 
    $(document).ready(function(){
   $("#kitchen_color").change(function(){
     $("img[name=image-swap]").attr("src",$(this).val());

   });

});

    Use above code.

    0 讨论(0)
    •  看不清?
    提交回复
    热议问题