您的位置：首页 > Web前端 > JavaScript

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

2016-07-31 00:30 441 查看 
<%@ 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>
阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航