在web页面中,经常需要使用select控件来显示div的显示与隐藏,实现这个方法主要用到了setAttribute方法。

以下为示例代码:

通过选择项显示不同的结果

function showdiv()

{

var doc=document;

var citytext=doc.getElementById("city").value;

var div1=doc.getElementById("div1");

var div2=doc.getElementById("div2");

var div3=doc.getElementById("div3");

switch (citytext)

{

case "广州":

div1.setAttribute("style","display");

div2.setAttribute("style","display:none");

div3.setAttribute("style","display:none");

doc.getElementById("text1").value=citytext;

break;

case "南昌":

div1.setAttribute("style","display:none");

div2.setAttribute("style","display");

div3.setAttribute("style","display:none");

doc.getElementById("text2").value=citytext;

break;

case "沈阳":

div1.setAttribute("style","display:none");

div2.setAttribute("style","display:none");

div3.setAttribute("style","display");

doc.getElementById("text3").value=citytext;

break;

}

}

广州

南昌

沈阳

您选择了广东的省会
您选择了江西的省会
您选择了辽宁的省会

jsp页面中div怎么显示html,jsp怎么把div隐藏相关推荐

  1. java错误页面显示错误信息_Struts2在JSP页面中显示错误信息和提示信息的方法

    Struts2在JSP页面中显示错误信息和提示信息的方法主要有以下四种. 注意:以下四种方法均需要使Action类继承ActionSupport类. 一.域级错误信息 ①重写Action中的valid ...

  2. 在JSP页面中,对同名的CHECKBOX的处理

    分享一下我老师大神的人工智能教程.零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow 在JSP页面中,对 ...

  3. jsp页面中嵌入java代码

    1.jsp页面中嵌入java代码 jsp的脚本元素 jsp的指令元素 jsp的动作元素 1.1 jsp的脚本元素(直接嵌入java代码) 第一种:表达式(expression)形式:<%= %& ...

  4. JSP页面中调用Spring Bean

    前言 spring boot 2.0.3.RELEASE spring mvc view : jsp JSP页面中调用Spring Bean 在 JSP 页面获得 WebApplicationCont ...

  5. spring mvc项目中,在jsp页面中输入中文时,提交到student.jsp页面后,结果显示中文乱码

    在jsp页面中输入中文时,提交到student.jsp页面后,结果显示中文乱码 下面是相关代码截图 表单代码: 控制器类代码: springmvc配置文件代码: 用于显示的jsp页面: 修改之前的we ...

  6. Web在jsp页面中生成柱状图,折线图,饼状图

    一.前言 在实际开发过程中,柱状图,折线图,饼状图在一些OA,ERP中是非常常见的功能,特别是需求方是业务型,数据分析型公司,下面的例子简单实现了饼状图,柱状图,折线图在jsp中生成.(ps:新手上路 ...

  7. JSP页面中常用四种标签

    JSP页面常用四种标签: 1. EL表达式:  ${} 2. jstl表达式(sun apache): <%@ taglib prefix="c" uri="htt ...

  8. javaWeb-百斯特电子商城-在jsp页面中侧边栏点击,右边进行变化(java实现)(持续完善)

    (javaWeb-百斯特电子商城-在jsp页面中侧边栏点击,右边进行变化(java实现)(持续完善) 1.问题描述: 2.开发环境:+解决思想+建议+注意 3.问题解决 3.1项目结构 3.资源下载( ...

  9. 在jsp页面中实现格式化数字,百分比,货币

    当时的要求是在jsp页面中计算百分比 实现方法 1.引入Jstl的fmt指令 <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" ...

  10. 后端model传入前端JSP页面中的值判断后再取值

    所遇到的问题后端model传入前端JSP页面中的值通过foreach循环内要满足条件才能取值给Div中,我们知道jsp页面中可以直接用EL表达式取值,格式就是${"model中传来的数据&q ...

最新文章

  1. mongodb 安装包_MongoDB快速入门,掌握这些刚刚好!
  2. 基础知识:编程语言介绍、Python介绍、Python解释器安装、运行Python解释器的两种方式、变量、数据类型基本使用
  3. 让我们了解Set及其在JavaScript中的独特功能
  4. 在命令提示符中运行c语言程序,【命令提示符运行exe】命令提示符运行文件_命令提示符运行程序-系统城...
  5. 小度智能音箱维修点_小度智能音箱——联通智慧生活语音服务入口
  6. 度量网络延迟和吞吐量
  7. 项目运行报‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件“
  8. html原生listview,Html中使用M$控件系列之 ListView 篇
  9. ACM大学生程序设计竞赛在线题库最新精选题解(赵端阳)解析
  10. 大牛手把手带你!mysql视频教程百度网盘
  11. linux 如何进入bios设置密码,linux系统怎么不输入密码得到系统的BIOS...-卓优商学院问答...
  12. python opencv去图片水印(图片底色为白色)
  13. Python 数据分析微专业课程--项目实战09 房价影响因素挖掘
  14. 腾讯服务器微信分身,腾讯禁止微信双开应用,为什么还有那么多人“冒死”双开微信呢?...
  15. cad工具箱详细讲解_CAD工具箱的12种功能详解
  16. Orion Solarwinds监控平台安装教程
  17. 疯狂的架构——著名科技公司组织结构图一览
  18. Error -27796: Failed to connect to server ip地址: [10060] Connection timed out
  19. BH1750( GY-302 )光照传感器
  20. 网易云易盾朱浩齐:视听行业步入强监管和智能时代

热门文章

  1. jquery定时器:setTimeout()、setTimeout() 重复点击触发多次
  2. Jquery实现定时器【可输入定时版本】
  3. 计算机类sci杂志排名,计算机类SCI杂志排名(2)
  4. 苹果提交专利终止宣誓书 三星上诉将更加困难
  5. 关闭UAC用户帐户控制
  6. live555客户端连多路1080P视频流花屏问题
  7. flash开发中记录集锦
  8. 详解SpringBoot外部化配置
  9. mysql收货地址表_企业内容管理系统-收货地址表 - 数据库设计 - 数据库表结构 - 果创云...
  10. 硬盘磁头和计算机磁头的区别,固态硬盘不用磁头,不懂操作就out了!