精华内容
下载资源
问答
  • 二级联动 下拉列表

    2013-10-24 12:55:54
    二级联动 下拉列表 可以进行2级联动下拉等功效 完全的代码 用的时候只需要改改数据库就行了
  • jquery做的二级联动下拉列表,很有用的
  • 基于Ajax的二级联动下拉列表.rar基于Ajax的二级联动下拉列表.rar基于Ajax的二级联动下拉列表.rar基于Ajax的二级联动下拉列表.rar基于Ajax的二级联动下拉列表.rar
  • JavaScript 二级联动下拉列表
  • 适用与firefox ASP.NET无刷新二级联动下拉列表
  • 二级联动下拉列表

    2020-07-30 21:30:44
    二级联动下拉列表 用到JavaScript和HTML JavaScript里用到了DOM和事件和函数和分支结构和关系运算符 HTML用到表单标签的下拉列表标签 <!DOCTYPE html> <html> <head> <meta charset="utf...

    二级联动下拉列表 

    看了好多二级联动发现都用数组遍历所以试着不用数组锻炼自己的算法

    用到JavaScript和HTML
    JavaScript里用到了DOM和事件和函数和分支结构和关系运算符
    HTML用到表单标签的下拉列表标签

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>省市二级联动</title>
    		<script type="text/javascript">
    			function demo(){
    				//通过id属性获取select标签对象
    				var obj = document.getElementById("d");
    				//select标签对象调用value方法获取框体的内容
    				var s = obj.value;
    				//用分支结构if else判断是否是对应的value值
    				if( s == "海南省"){
    				//是则通过标签名和下标获取市区列表然后执行用DOM改变原有的市区列表
    					var s = document.getElementsByTagName("select")[1];
    					s.innerHTML = "<select><option>东方市</option><option>海口市</option><option>三亚市</option><option>儋州市</option></select>";
    				}else if( s == "江西省"){
    					var s = document.getElementsByTagName("select")[1];
    					s.innerHTML = "<select><option>南昌市</option><option>景德镇市</option><option>上饶市</option><option>赣州市</option></select>"
    				}else if( s == "北京市"){
    					var s = document.getElementsByTagName("select")[1];
    					s.innerHTML = "<select><option>朝阳区</option><option>海淀区</option><option>丰台区</option><option>顺义区</option><option>昌平区</option></select>"
    				}else if( s == "河北省"){
    					var s = document.getElementsByTagName("select")[1];
    					s.innerHTML = "<select><option>石家庄</option><option>保定市</option><option>秦皇岛</option><option>唐山市</option><option>邯郸市</option></select>"
    				}
    			}
    		</script>
    	</head>
    	<body>
    		<!--下拉列表的内容改变用onchange内容改变事件调用对应的函数demo -->
    		<select id="d" onchange="demo()">
    			<option>请选择省/市</option>
    			<option>江西省</option>
    			<option>海南省</option>
    			<option>北京市</option>
    			<option>河北省</option>
    		</select>
    		<select >
    			<option>请选择市/区</option>
    		</select>
    	</body>
    </html>
    

    本人高职萌新一个希望和大家一起交流学习

    展开全文
  • 二级联动下拉列表(select),都是从数据库中取值,其中第二级为可多选列表(multiple).若要实现二级也是下拉菜单,可以将multiple改了即可。<...<head><... charset=gb2312">...全动态二级联动下拉列表...

    二级联动下拉列表(select),都是从数据库中取值,其中第二级为可多选列表(multiple).若要实现二级也是下拉菜单,可以将multiple改了即可。

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>全动态二级联动下拉列表</title>
    </head>
    <body>
    <?
    /***********************************************
    ** 功  能:PHP+mysql实现二级级联下拉框 
    ** 数据库:数据库名(db_city)、数据表(t_province、t_city)
    ** 表t_province中字段:id(id编号)、provinceName(省份名)
    ** 表t_city中的字段:id(id编号)、provinceId(省份ID)、cityName(城市名)
    ***********************************************/

    //****************** 连接选择数据库 ***************
    $link = mysql_connect("localhost", "root", "123")
           or die("Could not connect : " . mysql_error()); 
    mysql_select_db("db_city") or die("Could not select database");

    //******************提取省份信息******************
    $sqlSel = "select * from t_province order by id ";
    $result = mysql_query($sqlSel) or die("Query failed : " . mysql_error()); 

    $forum_data = array();
    while( $row = mysql_fetch_array($result) )
    {
           $forum_data[] = $row;
    }
    //print_r ($forum_data);
    mysql_free_result($result);

    //**************获取城市信息**************        
    $sqlSel2 = "select * from t_city order by provinceId desc";

    if( !($result2 = mysql_query($sqlSel2)) )
    {
           die('Could not query t_city list');
    }

    $forum_data2 = array();
    while( $row2 = mysql_fetch_array($result2) )
    {
           $forum_data2[] = $row2;
    }

    mysql_free_result($result2);
    ?>

    <!--************ JavaScript处理province--onChange *************-->
    <script language = "JavaScript"> 
    var onecount2; 
    subcat2 = new Array(); 
    <?php 
    $num2 = count($forum_data2);
    ?>
    onecount2=<?echo $num2;?>;
    <?
    for($j=0;$j<$num2;$j++)
    {
    ?>
    subcat2[<?echo $j;?>] = new Array("<?echo $forum_data2[$j]['id'];?>","<?echo $forum_data2[$j]['provinceId'];?>","<?echo $forum_data2[$j]['cityName'];?>");
    <?}?> 
    function changelocation(id) 

    document.myform.city.length = 0; 
    var id=id; 
    var j; 
    document.myform.city.options[0] = new Option('==选择城市==',''); 
    for (j=0;j < onecount2; j++) 

     if (subcat2[j][1] == id) 
      { 
      document.myform.city.options[document.myform.city.length] = new Option(subcat2[j][2], subcat2[j][0]); 
      } 

    }
    </script> 

    <!--********************页面表单*************************-->
    <form name="myform" method="post"> 
    地址:<select name="bigClass" onChange="changelocation(document.myform.bigClass.options[document.myform.bigClass.selectedIndex].value)" size="1"> 
    <option selected>请选择省份</option> 
           
    <?php 
    $num = count($forum_data);

    for($i=0;$i<$num;$i++)
    {
    ?>
    <option value="<?echo $forum_data[$i]['id'];?>"><?echo $forum_data[$i]['provinceName'];?></option> 
    <? 
    }
    ?>
    </select>
    <select name="city" multiple> 
    <SELECT name=city size=1 id="city">
    <option selected value="">==选择城市==</option> 
    </select>
    </form> 
    </body>
    </html> 

    转载于:https://www.cnblogs.com/hasayaki/archive/2013/01/14/2859455.html

    展开全文
  • 用ajax实现的jsp二级联动下拉列表

    热门讨论 2008-12-24 11:36:03
    用ajax实现的jsp二级联动下拉列表,使用异步交互的二级联动堪称jsp革命性变动。以前的联动大都是把所有的数据取出来放在javascript中,就一个字------烦
  • 商品类别二级联动下拉列表,简单易懂,代码基本上都注释了,懂javascript就能看懂并修改为己所用。必选+非必选
  • struts2+hibernate+spring实现的二级联动下拉列表,数据库为mysql。主要实现省市二级联动。全部源码。下载即能使用。
  • 二级联动的实现方法还真不少,实用性也很强,这里结合一个学生信息表的实例,来分享一下我的实现过程
  • 在做二级联动过程中需要用到一个函数: INDIRECT() 返回文本字符串所指定的引用 语法 INDIRECT(ref_text,a1) ▪ Ref_text: 单元格引用,该引用所指向的单元格中存放有对另一单元格的引用,...

    在做二级联动过程中需要用到一个函数:

    INDIRECT()

    返回文本字符串所指定的引用

     

    语法
    INDIRECT(ref_text,a1)

    • Ref_text: 单元格引用,该引用所指向的单元格中存放有对另一单元格的引用,引用的形式为 A1、 R1C1 或是名称
    • A1: 逻辑值,用以指明 ref_text 单元格中包含的引用方式。R1C1 格式 = FALSE;A1 格式 = TRUE 或忽略

    操作步骤

    1、为各大门派设置下拉列表

    选择 ”数据“ 菜单 —> 数据验证 —> 数据验证,在出现的对话框中,选择 ”设置“ 选项卡,在 ”允许“ 一栏下拉列表中选择 ” 序列“ ,在来源一栏,连续选择各大门派名称即可,点击 ”确定“

    2、为门派对应的人物设置联动

    2.1  首先,选中门派和人物所在的所有单元格,按 "Ctrl + G" 快捷键,出现 ”定位“对话框。

    2.2  在出现的 “定位” 对话框中,选择左下角的 “定位条件” 按钮,在出现的 “定位条件” 选项中,点击 “常量” 单选按钮,点击 ”确定“,此时再看刚选中的单元格,发现只有单元格中由内容的被选中了。

    2.3  选中菜单栏中的 "公式“ 菜单,找到 ”根据所选内容创建“ 点击,在出现的 ”创建名称“ 对话框中,选择 ”首行“ 复选框,点击 “确定”。

    2.4  选中 ”人物” 单元格下方的第一个单元格,重复 “第 1 步” 操作,要在 “来源” 一栏输入前面提到的函数:=INDIRECT($K3) ,点击 “确定”。

    提示:=INDIRECT($K3) ,K 代表的是门派所对应的列,3 代表门派所在的行,行动列不动,所以要锁定门派所对应的列:$K,人物取决于前面的门派。

     

     

     

    展开全文
  • AJAX的核心是JavaScript对象XMLHttpRequest。...本文就以二级联动下拉列表为例: 获取AJAX对象js代码: function createAJAX(){ var ajax = null; try{ ajax = new ActiveXObject("microsoft.xmlhttp"); ...

    AJAX的核心是JavaScript对象XMLHttpRequest。是一种异步请求的技术,不用刷新整个页面就可以与服务器进行交互。本文就以二级联动下拉列表为例:

    获取AJAX对象js代码:

    function createAJAX(){
    	var ajax = null;
    	try{
    		ajax = new ActiveXObject("microsoft.xmlhttp");
    	}catch(e1){
    		try{
    			ajax = new XMLHttpRequest();
    		}catch(e2){
    			alert("浏览器不支持ajax");
    		}
    	}
    	return ajax;
    }

    JavaScript与jsp代码:

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <html>
    <head>
    <title>二级联动下拉列表</title>
    <script type="text/javascript" src="js/ajax.js"></script>
    </head>
    
    <body>
    	<select id="provinceID" style="width:111px">
    		<option>--选择省份--</option>
    		<option>陕西</option>
    		<option>广东</option>
    	</select>    
    
    	<select id="cityID" style="width:111px">
    		<option>--选择城市--</option>
    	</select>
    
    	<script type="text/javascript">
    		document.getElementById("provinceID").onchange = function() {
    
    			//清空城市下拉列表,但是除去第一项
    			var cityElement = document.getElementById("cityID");
    			cityElement.options.length = 1;
    
    			var index = this.selectedIndex;
    			var optionElement = this[index];
    			var province = optionElement.innerHTML;
    
    			if ("选择省份" != province) {
    
    				//【1】获取ajax异步对象
    				var ajax = createAJAX();
    				var method = "POST";
    				var url = "${pageContext.request.contextPath}/ListBoxServlet?time = "+ new Date().getTime();
    
    				ajax.open(method, url);
    
    				//【2】设置请求头
    				ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");
    
    				//【3】
    				var content = "province=" + province;
    				ajax.send(content);
    
    				//---------------------------------------
    				//【4】匿名函数
    				ajax.onreadystatechange = function() {
    					if (ajax.readyState == 4) {
    						if (ajax.status == 200) {
    							//【5】从响应中获取xml文档
    							var xmlDocument = ajax.responseXML;
    
    							//按照DOM规则,解析xml文档
    							var cityElementArray = xmlDocument.getElementsByTagName("city");
    							var size = cityElementArray.length;
    							for (var i = 0; i < size; i++) {
    								//获取城市标签中的城市名称
    								var city = cityElementArray[i].firstChild.nodeValue;
    								//创建标签,并对标签内容进行赋值
    								var optionElement = document.createElement("option");
    								optionElement.innerHTML = city;
    								cityElement.appendChild(optionElement);
    							}
    
    						}
    					}
    				}
    
    			}
    		}
    	</script>
    
    </body>
    </html>
    
    Servlet代码:

    package com.xpeng.servlet;
    
    import java.io.IOException;
    import java.io.PrintWriter;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class ListBoxServlet extends HttpServlet {
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    	}
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    
    		request.setCharacterEncoding("UTF-8");
    
    		String province = request.getParameter("province");
    
    		// 通知ajax异步对象,服务器响应的信息载体是xml文件
    		response.setContentType("text/xml;charset=UTF-8");
    
    		PrintWriter pw = response.getWriter();
    
    		pw.write("<?xml version='1.0' encoding='UTF-8'?>");
    		pw.write("<root>");
    
    		if ("广东".equals(province)) {
    			pw.write("<city>广州</city>");
    			pw.write("<city>深圳</city>");
    			pw.write("<city>珠海</city>");
    		} else if ("陕西".equals(province)) {
    			pw.write("<city>西安</city>");
    			pw.write("<city>汉中</city>");
    			pw.write("<city>宝鸡</city>");
    			pw.write("<city>安康</city>");
    		}
    		pw.write("</root>");
    		pw.flush();
    		pw.close();
    	}
    
    }
    

    访问页面:




    转载于:https://www.cnblogs.com/xpeng-V/p/7349674.html

    展开全文
  • HTML二级联动下拉列表框的实现,如选择 省,市.zip
  • Ajax+PHP二级联动下拉列表(实现下拉联动)
  • 的二级内容,然后jquery修改二级下拉列表的内容,即可实现动态生成二级联动下拉列表 示例: 下拉列表 一级分类 全部 $val.id}">{$val.cname} 二级分类 全部 ...
  • dwr实现的完整的二级下拉联动列表,里面有说明,源代码。
  • struts2+hibernate+spring实现的二级联动下拉列表.zip
  • NULL 博文链接:https://ahomeeye.iteye.com/blog/619481
  • 二级联动要实现数据库时实读取时,比较麻烦,本例子用Ajax可以简单实现 ajax+Jsp+js+servlet
  • 实例:省市二级联动下拉列表 打开页面默认的省和市下拉框的的值分别为:“请选择省份”、“请选择城市”。 在省下拉框选择一个省份,市下拉框则显示相应城市名称。 然后就可以进行愉快的选择啦! 二、最终实现 1、...
  • 代码例子: /* 通用三级联动说明 参数配置如下,配置select的三个ID和默认值就行,无默认值填写为null var defaults = { s1:'Select1', s2:'Select2', s3:'Select3', v1:null, v2:null, v3:null }; */ var defaults...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,097
精华内容 2,038
关键字:

动态二级联动下拉列表