js+jsp实现2级联动选择菜单

最新推荐文章于 2021-02-27 11:25:44 发布

iteye_16297

最新推荐文章于 2021-02-27 11:25:44 发布

阅读量525

点赞数

分类专栏： jsp Javascript 文章标签： jsp JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_16297/article/details/82671054

版权

jsp 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

Javascript

1 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.myblog.entity.FenLeiTwo" %>
<%	
	List<FenLeiTwo> listFenleiTwo=new ArrayList<FenLeiTwo>();
	List<FenLeiTwo> listFenleiTwo1=(List<FenLeiTwo>)request.getAttribute("fenleiTList1");
	List<FenLeiTwo> listFenleiTwo2=(List<FenLeiTwo>)request.getAttribute("fenleiTList2");
	List<FenLeiTwo> listFenleiTwo3=(List<FenLeiTwo>)request.getAttribute("fenleiTList3");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <title>My JSP 'writeblog.jsp' starting page</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
		function selected(obj)
		{

		document.form1.fenleiTwoID.length =  0;//选择清零
		  document.form1.fenleiTwoID.options[0]   =  new  Option('==请选择==','');   //给第一个值       

			if(obj=="1")
			{
				<%listFenleiTwo=listFenleiTwo1;
				 for( int i=0;i<listFenleiTwo.size();i++)
				 {
				FenLeiTwo fenLeiTwo=listFenleiTwo.get(i);
				%>
				 document.form1.fenleiTwoID.options[<%=i+1%>]   =  new  Option('<%=fenLeiTwo.getFenleiTname()%>','<%=fenLeiTwo.getFenleiTname()%>');
				<%
				}
				%>

			}else if(obj=="2")
			{
			<%listFenleiTwo=listFenleiTwo2;
			 for( int i=0;i<listFenleiTwo.size();i++)
				 {
				FenLeiTwo fenLeiTwo=listFenleiTwo.get(i);
				%>
				 document.form1.fenleiTwoID.options[<%=i+1%>]   =  new  Option('<%=fenLeiTwo.getFenleiTname()%>','<%=fenLeiTwo.getFenleiTname()%>');
				<%
				}
				%>
			}
			else if(obj=="3"){ 
			<%listFenleiTwo=listFenleiTwo3;
			 for( int i=0;i<listFenleiTwo.size();i++)
				 {
				FenLeiTwo fenLeiTwo=listFenleiTwo.get(i);
				%>
				 document.form1.fenleiTwoID.options[<%=i+1%>]   =  new  Option('<%=fenLeiTwo.getFenleiTname()%>','<%=fenLeiTwo.getFenleiTname()%>');
				<%
				}
				%>
			}else
			{

			}

		}
	</script>

  </head>

  <body>
  <div align="left">

    	<li class="active" id="xieboke">
    	<form name="form1" >
                <h2>写博客</h2> 博客标题：
                <input type="text" name="">
                <br> 所属类别：

                <select name="fenleiOneID" onchange="selected(this.options[this.options.selectedIndex].value)">
                <option value="0" >--选择类别--</option>
                    <option  value="1">慢生活</option>
                    <option value="2">文章分享</option>
                    <option value="3">闲言碎语</option>
                </select>
                <br>详细分类：
                <select name="fenleiTwoID">
   <option value="0" >==选择类别==</option>
                </select>
                <br> 博客内容：<br>
                <textarea rows="25"  cols="80" wrap="hard"></textarea><br>
                    
                <input type="submit" value="保存内容" >
                </form>
            </li>
            </div>
  </body>
</html>

iteye_16297

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js+jsp实现2级联动选择菜单

[code="java"] My JSP 'writeblog.jsp' starting page function selected(obj) { document.form1.fenleiTwoID.length = 0;//选择清零 documen...
复制链接

扫一扫