首页/小白筆記

select的value值，通過select下拉框里的value控制div顯示與隱藏

 2023-10-18 阅读 20 评论 0

摘要：<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script></head><script>$(function() {//隱藏di
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script></head><script>$(function() {//隱藏div$("#shouhou2").hide();$("#shouhou3").hide();//給div添加change事件$("#type").change(function() {if($(this).val() == 1 ) {$("#shouhou1").show();$("#shouhou2").hide();$("#shouhou3").hide();} else if($(this).val() == 2 ) {$("#shouhou2").show();$("#shouhou1").hide();$("#shouhou3").hide();}else if($(this).val() == 3 ) {$("#shouhou3").show();$("#shouhou1").hide();$("#shouhou2").hide();}})})</script><body><select class="select" size="1" name="type" id="type"><option value="1">表格</option><option value="2">折線圖</option><option value="3">柱狀圖</option></select><div id="shouhou1" style>表格區域</div><div id="shouhou2" style>折線圖區域</div><div id="shouhou3" style>柱狀圖區域</div></body></html>

文末福利：

【福利】微信小程序130個精選Demo合集：https://www.jianshu.com/p/b5820cf9ff58

原文作者：祈澈姑娘
原文鏈接：https://www.jianshu.com/u/05f416aefbe1
創作不易，轉載請告知

90后前端妹子，愛編程，愛運營，愛折騰。
堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

轉載于:https://www.cnblogs.com/ting6/p/9725638.html

版权声明：本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接：https://hbdhgg.com/1/146106.html

上一篇：ASP開發，8種提升ASP.NET Web API性能的方法
下一篇：居中是什么意思，居中問題
标签：select的value值select itemselect默認選中select選中表單selectselect2selectselect根據value回顯
select的value值

发表评论:

最新文章
阅读排行
猜你喜欢
热门标签

本站为非赢利网站，部分文章来源或改编自互联网及其他公众平台，主要目的在于分享信息，版权归原作者所有，内容仅供读者参考，如有侵权请联系我们删除！

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息