[英]how to set link in dropdown value using onchange event in html
Here how to set different anchor tag in dropdown different value using OnChange event in html. 在这里,如何使用html中的OnChange事件在下拉值中设置不同的锚标记。
<form method="post">
<select onchange="$('#imageToSwap').attr('src',this.options[this.selectedIndex].value);">
<option value="http://dummy.com/images/button1.png" selected>Test1</option>
<option value="http://dummy.com/images/button2.png">Test2</option>
</select>
</form>
Test1:
<a href="https://link1.com"><img id="imageToSwap" class="class1" src="http://dummy.com/images/button1.png"></a>
Test2:
<a href="https://link2.com"><img id="imageToSwap" class="class1" src="http://dummy.com/images/button2.png"></a>
Modified the code by replacing the id of image : 通过替换image的ID修改了代码:
<form method="post">
<select onchange="$('#imageToSwap').attr('src',this.options[this.selectedIndex].value);">
<option value="http://dummy.com/images/button1.png" selected>Test1</option>
<option value="http://dummy.com/images/button2.png">Test2</option>
Test1: 测试1:
<a href="https://link1.com"><img id="imageToSwap1" class="class1" src="http://dummy.com/images/button1.png"></a>
Test2: 测试2:
<a href="https://link2.com"><img id="imageToSwap2" class="class1" src="http://dummy.com/images/button2.png"></a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.