list-求一个简单点的，根据下拉列表内容，在jsp页面输出List的一个小项目

问题描述

求一个简单点的，根据下拉列表内容，在jsp页面输出List的一个小项目

我还是个菜鸟，求给的东西简单易懂，有一些介绍是最好的。谢谢！

解决方案

 <script>
    function showList()
    {
        document.getElementById("div0").style.display = "none";
        document.getElementById("div1").style.display = "none";
        document.getElementById("div2").style.display = "none";
        if(document.getElementById("dishType").value==0)
        {
            document.getElementById("div0").style.display = "block";
        }
        if(document.getElementById("dishType").value==1)
        {
            document.getElementById("div1").style.display = "block";
        }
        if(document.getElementById("dishType").value==2)
        {
            document.getElementById("div2").style.display = "block";
        }
    }
</script>

<html>
  <head>
    <title>根据菜系点餐</title>
  </head>

  <body>
    <br>
    <br>
    <div align="center"><h1>请选择菜系：</h1></div>
    <br>
    <div align="center">
    <select id="dishType" name="dishType" style="width:300px;height:30px" onchange="javascript:showList();">
        <option value=0 selected></option>
        <option value=1>湘菜</option>
        <option value=2>川菜</option>
    </select>
    </div>
    <hr/>
    <br>
    <br>
    <br>
    <br>

    <div id="div0">
        <table align="center" width="500px" border="1">
            <tr>
                <td width="20%" height="30px">序号</td>
                <td width="40%" height="30px">菜名</td>
                <td width="40%" height="30px">价格</td>
            </tr>
        </table>
    </div>
    <div id="div1" style="display:none">
        <table align="center" width="500px" border="1">
            <tr>
                <td width="20%" height="30px">序号</td>
                <td width="40%" height="30px">菜名</td>
                <td width="40%" height="30px">价格</td>
            </tr>
            <tr>
                <td width="20%" height="30px">1</td>
                <td width="40%" height="30px">小炒肉</td>
                <td width="40%" height="30px">28元</td>
            </tr>
            <tr>
                <td width="20%" height="30px">2</td>
                <td width="40%" height="30px">毛家红烧肉</td>
                <td width="40%" height="30px">48元</td>
            </tr>
            <tr>
                <td width="20%" height="30px">3</td>
                <td width="40%" height="30px">腊味合蒸</td>
                <td width="40%" height="30px">38元</td>
            </tr>
        </table>
    </div>
    <div id="div2" style="display:none">
        <table align="center" width="500px" border="1">
            <tr>
                <td width="20%" height="30px">序号</td>
                <td width="40%" height="30px">菜名</td>
                <td width="40%" height="30px">价格</td>
            </tr>
            <tr>
                <td width="20%" height="30px">1</td>
                <td width="40%" height="30px">麻婆豆腐</td>
                <td width="40%" height="30px">18元</td>
            </tr>
            <tr>
                <td width="20%" height="30px">2</td>
                <td width="40%" height="30px">水煮肉片</td>
                <td width="40%" height="30px">38元</td>
            </tr>
            <tr>
                <td width="20%" height="30px">3</td>
                <td width="40%" height="30px">宫保鸡丁</td>
                <td width="40%" height="30px">28元</td>
            </tr>
        </table>
    </div>
    <div id="div3" style="display:none"></div>
    <div id="div4" style="display:none"></div>
  </body>
</html>

解决方案二：

http://www.iteye.com/problems/46659
http://down.51cto.com/data/1367501

解决方案三：

function showList()
{
document.getElementById("div0").style.display = "none";
document.getElementById("div1").style.display = "none";
document.getElementById("div2").style.display = "none";
if(document.getElementById("dishType").value==0)
{
document.getElementById("div0").style.display = "block";
}
if(document.getElementById("dishType").value==1)
{
document.getElementById("div1").style.display = "block";
}
if(document.getElementById("dishType").value==2)
{
document.getElementById("div2").style.display = "block";
}
}

根据菜系点餐

请选择菜系：

相关文章

  • jsp-怎么默认显示一个下拉选的内容呀！点击下拉选会出现不同的内容！
  • spring-使用Spring做登录页面的时候，怎样将有参数的jsp页面返回
  • javascript-怎么将jsp中list变量传给js文件，求大神帮帮忙
  • sitemesh装饰一个用&amp;lt;jsp:include&amp;gt;包含另一个jsp页面jsp页面，不能正常显示
  • jsp 页面select下拉框显示list问题
  • javaweb-我向jsp页面发送了一个List&amp;lt;POJO&amp;gt;，如何在前台把这个List再发送回后台呢？
  • jsp-关于JSP页面默认只有一个下拉选的内容！急求解答呀！
  • easyui-新手对Easy UI有个小问题，求回答TnT
  • jsp-JSP,MVC查询外键所在表中的其他内容并放入list中在前台页面显示数据
  • jsp-cms 可以引用静态页面吗

【云栖快讯】2017互联网超级工程阿里双11完美落幕，交易额突破1682亿，但阿里工程师如何玩转“超级工程”，背后黑科技又是如何？12月13-14日，12位大咖直播分享揭秘1682亿背后技术实践，马上预约  详情请点击

热门推荐

  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇

  • jquery-全网页通用table选项卡
  • hbase-如何将mysql数据库中的数据存到hadoop上
  • 初学者-myeclipse导入别人项目config.strut全报错

后三篇

  • java 中方法调用的奇怪问题
  • 往数据库新增一条记录insert into之前,先查询判断一下字段里面是否有重复值，怎么实现？
  • c c++-关于C/C++中char*之间的比较和数组之间的比较的问题

(yq.aliyun.com)为您免费提供list-求一个简单点的，根据下拉列表内容，在jsp页面输出List的一个小项目相关信息，包括
list
，
下拉列表
，
jsp页面
输出
的信息
，所有list-求一个简单点的，根据下拉列表内容，在jsp页面输出List的一个小项目相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_55112，您可以点击list-求一个简单点的，根据下拉列表内容，在jsp页面输出List的一个小项目-手机站访问。

时间： 2024-11-03 07:30:08

list-求一个简单点的，根据下拉列表内容，在jsp页面输出List的一个小项目的相关文章

关于微信开发，jsp页面上弹出一个文本框

问题描述 关于微信开发,jsp页面上弹出一个文本框 微信开发不支持 prompt ,怎么样点击一个按钮然后弹出一个输入框?求大神帮助 解决方案 给按钮就一个click事件,,里面动态生成一个文本框就行了,,, 解决方案二: 是弹出一个文本框还是显示一个文本框?如果是显示一个文本框那就使用js,加入一个点击事件,动态生成或事先预备好文本框都可以.如果是弹出文本框的效果,那就可以采用第三方插件bootstrap或jqueryUI去实现

如何在一个JSP页面中调用另一个JSP页面中的变量

在jsp学习中,经常需要在一个jsp页面中调用另一个jsp页面中的变量,下面就这几天的学习,总结一下. jsp页面之间的变量调用有多种方法: 1.通过jsp的内置对象-request对象获取参数: (1)通过超链接传参: 例:把a.jsp中i的值传到b.jsp中: 在a.jsp页面中的核心代码为: <a href="b.jsp?i=1">传参</a>     (说明:给i赋值时也可以用jsp表达式,例如i=<%变量名 %>) 在b.jsp页面中的核心

jsp-从数据库中取出数据对应的集合，在JSP页面中遍历出一个表格，数据库中的字段对应的是表格表头名

问题描述 从数据库中取出数据对应的集合,在JSP页面中遍历出一个表格,数据库中的字段对应的是表格表头名 从数据库中取出数据对应的集合,在JSP页面中遍历出一个注册项的列表,每一项都是从数据库中的表中取出的,比如,第一行为用户名,后面是个文本框,第二行是密码,后面还是个文本框,但是有的type是text,有的是password,上传文件对应的是file,如何才能动态解决这个问题,在页面中用foreach,只写一列数据,在页面中得到所有的注册项,这种方法如果不可行,那么请问各位大神,应该如何处理比较

在jsp页面上动态生成一个数组，如何通过按钮点击事件将数组显示在一个textarea里

问题描述 在jsp页面上动态生成一个数组,如何通过按钮点击事件将数组显示在一个textarea里 在jsp页面上动态生成一个数组,如何通过按钮点击事件将数组显示在一个textarea里 解决方案 按钮添加click事件,直接document.getElementById('textarea的id').value=arr[需要显示的数据项下标] 解决方案二: 先得到数组,比如说是arrA,然后var strVal = JSON.stringify(arrA);这是把把一个数据对像转换成字符串.然后

jsp页面里面想做一个积分兑换商城，有什么控件能够像淘宝页面那样一个个格子的几排的

问题描述 jsp页面里面想做一个积分兑换商城,有什么控件能够像淘宝页面那样一个个格子的几排的 jsp页面里面想做一个积分兑换商城,有什么控件能够像淘宝页面那样一个个格子的几排的样子

Struts2登录成功返回一个jsp页面，失败返回一个json字符串遇到的问题

问题描述 ]在做一个登录模块action代码publicStringlogin(){Useruser=this.loginService.getUserByUsernameAndPassword(this.getModel().getUsername(),this.getModel().getPassword());if(user!=null){OAUtils.FromSession("user",user);return"SUCCESS";}else{this.m

发布一个简单点的ASP摸板类

呵呵,其实这个写了都挺久的了,看看里面的日期就知道了,只不过一直不想发布出来,这次在做一个小型的论坛,就把原来自己的的那个复杂的摸板引擎修改了一翻拿来用,因为把ASP代码和HTML代码分离了开来,所以论坛是可以变换风格,在用这个摸板引擎的过程中发现了它功能上还是有点不足,就是在循环标签替换上,不过如果结合数组可以轻松实现的,呵呵,具体用法暂且不说了...等有时间再把教程写出来 <Script Language="vbscript" Runat="Server"

JSP页面中出现的一个异常：org.apache.jasper.JasperException: java.lang.NullPointerException

先把出现的异常情况贴出来吧: type Exception report messagejava.lang.NullPointerException descriptionThe server encountered an internal error that prevented it from fulfilling this request. exception org.apache.jasper.JasperException: java.lang.NullPointerException

求怎样用jsp或者servlet来统计一个网页的访问量？

问题描述 求怎样用jsp或者servlet来统计一个网页的访问量? 请问怎样用jsp或者servlet来统计一个网页的访问量?求指教代码! 解决方案 实现的方法有很多种,最笨的方法是在页面开始的地方加上如下代码逻辑从数据库中读取访问量,+1,再写回,同时将这个值输出到页面.为什么这个办法笨,因为每个页面都需要写一次.因此你可以想到,如果能做成通用的就好了.那么怎么做呢?可以用struts的过滤器来实现,因为过滤器会在页面加载前执行,所以实现了统一处理.然后你又会发现,这么做,用户每刷新一次,访问