分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

jquery – 根据选择框中的选项值更改图像的src值

jQuery   发布时间：2022-03-30  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 根据选择框中的选项值更改图像的src值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个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选项,红色选项(/static/imag1.jpg)的值应该填入图像的src.

并且还选择第一个选项值作为默认图像.

解决方法

$(document).ready(function(){
   $("#kitchen_color").change(function(){
     $("img[name=image-swap]").attr("src",$(this).val());

   });

});

使用上面的代码.

大佬总结

以上是大佬教程为你收集整理的jquery – 根据选择框中的选项值更改图像的src值全部内容，希望文章能够帮你解决jquery – 根据选择框中的选项值更改图像的src值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：jquerysrc中值值更图像改根据框选择选项
猜你在找的jQuery相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap