imgタグと選択ボックスがあります
<img src="" name="image-swap">
<select name="kitchen_color" id="kitchen_color">
<option value="/static/imag1.jpg">Red</option>
<option value="/static/imag2.jpg">Black</option>
<option value="/static/imag3.jpg">White</option>
</select>
選択ボックスの値に基づいて、imgタグのsrc値を変更する必要があります。
オプションREDを選択すると、オプションRed(/static/imag1.jpg)の値が画像のsrcに入力されます。
また、最初のオプション値をデフォルトの画像として選択します。
$(document).ready(function(){
$("#kitchen_color").change(function(){
$("img[name=image-swap]").attr("src",$(this).val());
});
});
上記のコードを使用してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加