select选中关联切换图片和输入框里面的内容

最新推荐文章于 2023-11-06 09:27:39 发布

咸鱼粑粑

最新推荐文章于 2023-11-06 09:27:39 发布

阅读量579

点赞数

分类专栏： select选中切换那些事儿文章标签： select选中切换 select选中切换图片 select选中切换ipnut 选中切换图片选中切换文本

本文链接：https://blog.csdn.net/caottao9527/article/details/79270569

版权

本文记录了一个小功能实现：通过select选择项的切换，动态更新图片和input内容。对于开发者来说，这是一个实用的交互效果，方便日后的查阅和应用。

摘要由CSDN通过智能技术生成

刚好做了这么一个小功能，方便以后自己查阅，就记录下。

这是html代码：

						<!--查看二维码-->
						<div class="dz_code">
							<p>
								<!--关闭弹窗-->
								<span class="dz_close_code">x</span>
							</p>
							<p class="dz_code_p">
								<select name="" id="dz_selection">
									<option class="dz_code_option1" data-page="1" value="img/imgs.png">邀请二维码</option>
									<option class="dz_code_option2" data-page="2" value="img/u23.png">签到二维码</option>
								</select>
							</p>
							<p class="dz_code_p">
								<!--二维码-->
								<img class="dz_code_imgs" id="" src="img/imgs.png"/>
								<!--下载按钮-->
								<img class="dz_code_imgs2" sr