下拉框控制div显示与隐藏

最新推荐文章于 2023-04-29 19:47:07 发布
最新推荐文章于 2023-04-29 19:47:07 发布
阅读量1.8k 收藏
点赞数
分类专栏： javascript 文章标签： div input html jsp string class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/facepp/article/details/2225785
版权

下拉框控制div显示与隐藏
<%@ page language="java"  contentType="text/html; charset=GB2312" import="java.sql.*"%>
<jsp:useBean id="db" class="com.pp.db.DBOperation"></jsp:useBean>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'change.jsp' starting page</title>

  </head>
 
  <body>
  <script type="text/javascript">
    function seltype(select)
   {
     var ID=select.options[select.selectedIndex].value;
    
               if(ID==2)
              {
             
               document.getElementById("nopic").style.display="none";
               }
                if(ID==1||ID==3)
                {
                   document.getElementById("nopic").style.display="block";
                }
             
            
            
             }
     
            
     
 
  </script>
  <SELECT   size=1  name=type_id οnchange="seltype(this)">
                 <OPTION value="1">1</OPTION>
                 <OPTION value="2">2</OPTION>
                 <OPTION value="3">3</OPTION>
     </SELECT> *
    
              <TR id=adstype_file style="DISPLAY: block">
               <TD>上传图片/动画(广告类型是弹窗就不用填定该项了)<br></TD>
                <TD><div id="nopic">  <BR>
                     上传图片/动画:           <input TYPE="FILE" name="Pic" >
                 
                  <br><br>或在下面直接输入网络上的图片地址<BR>
                  <INPUT class="input2" id="filename" maxLength="100" size="50" name="filename"><FONT
                  color=red>注</FONT>：上传文件格式可以是/jpg/gif/bmp/png/swf；文件大小不能超过 200 KB。
              </div>  </TD></TR>
  </body>
</html>
 

facepp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
toggle一个div显示或隐藏且可扩展成自定义下拉框
12-02
这个场景中提到的“toggle一个div显示或隐藏且可扩展成自定义下拉框”就是一个典型的用户界面交互功能。下面我们将详细讨论如何实现这样的功能，以及涉及到的相关知识点。 首先，`div` 是HTML中的一个块级元素，常...
div模拟下拉框
09-28
在网页设计中，"div模拟下拉框"是一种常见的技术，用于替代HTML原生的`<select>`元素，以提供更灵活的样式控制和交互体验。`<select>`标签虽然简单易用，但在某些场景下可能无法满足设计师的个性化需求，如自定义...
JavaScript实现仿新浪下拉菜单的显示隐藏
weixin_59531237的博客
04-29 567
JavaScript实现仿新浪下拉菜单的显示隐藏
下拉框option元素隐藏
iteye_15082的博客
03-24 3053
select的option元素不能使用hide()和show()方法，所以如果想实现其隐藏， 可以通过缓存option，然后删除，在条件满足时再append。 例： 缓存：     var option1 = $('#selectA option[value="1"]'); 删除：     $('#selectA option[value="1"]').remove(); 添加： ...
显示隐藏div并验证提交,下拉框赋值
htofly的专栏
02-09 1111
function isshow(a) {  if(a==0){ //隐藏显示div      document.getElementById('week').style.display ='block'; //显示      document.getElementById('month').style.display ='none'; //隐藏    }    if(a==1)
通过select下拉框里的value控制div显示与隐藏
热门推荐
祈澈菇凉
03-23 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="http://libs.baidu
vue实现select下拉显示隐藏功能
10-16
主要介绍了vue实现select下拉显示隐藏功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
下拉框隐藏与显示
01-26
本话题将深入探讨如何使用HTML和CSS来实现一个基于div的自定义下拉框，并讨论其隐藏与显示的机制。 首先，我们需要创建基本的HTML结构。一个简单的下拉框可以由一个`<div>`元素作为触发器，以及一个包含多个选项的`...
jquery div 下拉框 下拉列表
10-10
jQuery还提供了一系列方法，如`.html()`用于改变元素内容，`.css()`用于修改样式，`.show()`和`.hide()`控制显示和隐藏。 创建一个div下拉框的基本步骤如下： 1. **HTML结构**：首先，我们需要在HTML中创建一个div...
控制下拉框，显示或隐藏另一个下拉框
qq_40529747的博客
06-28 4083
&lt;script type="text/javascript" src="Inc/jquery.1.8.3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function gradeChange(){ var vs = $('#select option:selected').val()..
js下拉框实现div显示和隐藏
飞鸿的博客
05-09 7222
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt; &lt;/head&gt; &lt;style type="text/css"&gt; div{dis
jquery之超简单的div显示和隐藏特效demo
D_lady的专栏
05-07 1064
无标题文档 $(document).ready( function(){}); function hiden(){ $("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast } function slideToggle(){ $("#divObj").
[一]下拉框获值与显示或隐藏div——如何选中下拉框值之后立马去js中获取、点击按钮之后出现的弹框里div隐藏或显示
風的博客
03-11 4131
JDK1.7+Tomcat7.0+Eclipse+SSM+Bootstrap（含Bootstrap Table） ① 搜索框里输入：“点击下拉框并选择时js获取值”，点开好几个链接，都没有找到我想要的答案，然后我改下我问的问题 “ 如何选中下拉框值之后再去js中获取 ” ，就找到了！！！ 怎样用js取得select下拉列表框内选中的option的value值呢 学习： Js获取下...
显示/隐藏侧边菜单栏div
编程日常记录与总结 https://franciswmf.iteye.com
04-12 1388
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> "> button_title_l function oa_tool
下拉菜单显示 隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素
weixin_35674742的博客
06-03 1794
我的网站是在ASP classic - VBScript中创建的(不是我的选择，也是我之前没有过的语言)。我试图在其中创建一个网页：下拉菜单显示了基于第一个选择内容的额外下拉菜单。我正在尝试使用JavaScript函数来实现这一点。根据在下拉列表中选择的内容隐藏和显示HTML元素实施例：在用户选择冰淇淋或薯片第一下拉。 根据用户选择的另一个下拉菜单选择风味。冰淇淋：香草，巧克力，薄荷。薯片：准备好...
layui下拉框显示与隐藏
最新发布
05-29
要实现下拉框的显示与隐藏，可以通过控制其父元素的display属性来实现。具体代码如下： HTML代码： ``` <div class="layui-form-item"> 城市 <div class="layui-input-block"> 请选择城市 北京">北京 上海...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值