下拉级联的demo-Java教程-爱易网页

下拉级联的demo

日期：2014-05-17　浏览次数：20854 次

求一个下拉级联的demo
求一个下拉级联的demo ，记得easyui 好像有那么个例子，没有找到，

------解决方案--------------------
下拉
------解决方案--------------------

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

<%

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>下拉菜单的二级联动</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">

	<!--

	<link rel="stylesheet" type="text/css" href="styles.css">

	-->

	

<script language="javascript" type="text/javascript">

	var bookname=[

  				["sql server技术大全","java web开发大全","c#开发大全","php开发大全"],

				["美容瘦身","家庭菜谱","热情火锅","家常汤粥"],

				["法律基础","法律案例探究","法律的理念","法律帝国"],

				["现代汉英词典","写作教程","阅读教程","回话教程","听力教程"],

				["不生病的智慧","这样吃最健康","求医不如求己","从头到脚说健康"]

  	];

	function getName(){

		var bookcatagory=document.forms["form1"].elements["catagory"];

		var bookNameObj=document.forms["form1"].elements["bookname"];

  		

		var catagoryCity=bookname[bookcatagory.selectedIndex-1];

		bookNameObj.length=1;

  		 

		for(var i=0;i<catagoryCity.length;i++){

  			

			bookNameObj[i+1]=new Option(catagoryCity[i]);

  		}

  	}

  </script>

  </head>

  

  

  <body>

   <h3>下拉菜单的二级联动</h3>

   

  <form action="" name="form1" >

  	<select name="catagory" onchange="getName()">

  		<option value="0">请选择图书类别</option>

  		<option value="1">一级</option>

  		<option value="2">二级</option>

  		<option value="3">三级</option>

  		<option value="4">四级</option>

  		<option value="5">五级</option>

  	&

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

下拉级联的demo

相关资料更多>

推荐阅读更多>