二级菜单联动演示&lt真人手机网页版:,复制代码 代码如下

2019-11-26 作者:美高梅-运维   |   浏览(105)

率先个下拉框: 复制代码 代码如下: //第叁个下拉框里的值 第贰个下拉框: 复制代码 代码如下: //要3及菜单还足以在次写相应的小时 --请选拔二级菜单-- js代码: 复制代码 代码如下:

LoadClass.ashx: 复制代码 代码如下: using System; using System.Web; using System.Text; using System.Data; public class LoadClass : IHttpHandler { public void ProcessRequest { // 数组 [{"ID":"275","Cname":"A1"},{"ID":"319","Cname":"A2"},{"ID":"322","Cname":"A3"}] int strId = Convert.ToInt32(context.Request["ddlId"]); string strSQL = "select * from Class where parent_Ptr=" + strId + " order by classOrder asc "; db d = new db(); DataTable dt = d.getDT; StringBuilder strClass = new StringBuilder { strClass.Append; for (int i = 0; i < dt.Rows.Count; i++) { strClass.Append; strClass.Append(""ID":"" + dt.Rows[i]["id"].ToString; strClass.Append(""Cname":"" + dt.Rows[i]["classCname"].ToString; if (i != dt.Rows.Count - 1) { strClass.Append; } } } strClass.Append; strClass.Append; context.Response.ContentType = "application/json"; context.Response.ContentEncoding = Encoding.UTF8; context.Response.Write; context.Response.End(); } public bool IsReusable { get { return false; } } } 注意: 复制代码 代码如下: //后台只可以获取value值,无法直接获得text,要求通过js、控件中间转播//结果:275 276 277 Label1.Text = Request.Form[ddl1.UniqueID] + " " + Request.Form["ddl2"] + " " + Request.Form[ddl3.ClientID.Replace] ;碰着的主题素材:下拉框text的值通过HiddenField控件中转把选中下拉框的值授予蒙蔽控件中:

复制代码 代码如下:

您大概感兴趣的小说:

  • PHP+Mysql+Ajax+JS达成省市区三级联合浮动
  • ThinkPHP使用体验分享-ThinkPHP + Ajax 落成2级联合浮动下拉菜单
  • jquery ajax完成下拉框三级无刷新联合浮动,且保存保持选中值状态
  • 叁个强健实用的asp+ajax二级联合浮动菜单(有示范和附源程序打包下载)
  • asp.net省市三级联合浮动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
  • ajax读取数据库内容贯彻二级联合浮动下拉筛选菜单示例
  • JavaScript Ajax Json完毕上下级下拉框联合浮动作效果应实例代码
  • Ajax达成无刷新三联合浮动下拉框
  • 战败头阵 php+mysql 接受ajax技能的 省 市 地 3级联合浮动无刷新菜单 源码
  • j2ee之AJAX二级联合浮动作用

复制代码 代码如下: //定义再次来到的参数 ^subCategoryDictList[d+].id, ^subCategoryDictList[d+].name

复制代码 代码如下: js: 复制代码 代码如下:

您或然感兴趣的稿子:

  • js 三级关联菜单功用实例
  • 全国省市二级联合浮动下拉菜单 js版
  • javascript省市区三级联合浮动下拉框菜单实例演示
  • javascript贯彻省市区三级联合浮动下拉框菜单
  • js达成的举国省市二级联合浮动下拉精选菜单完整实例
  • 省市区三级联合浮动下拉框菜单javascript版
  • JavaScript二维数组实现的省市联合浮动菜单
  • 从QQ网址中提取的纯JS省市区三级联合浮动菜单
  • javascript支持区号输入的省市二级联合浮动下拉菜单
  • JS实多级联合浮动下拉菜单类,简单达成省市区联合浮动菜单!
  • javascript贯彻的举国省市县无刷新多级关联菜单功效代码

index.jsp:

挑选下拉框后 动态赋值到Hidden菲尔德 控件中的值 不恐怕与下拉框选中的值相对应! 大概与伊始化有关,赋值这段代码应该放权哪处啊?可能有怎样好的主意,迎接研究?

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>双抉择事关菜单</title>
</head>
<body>
<form name="doublecombo">
<p>
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>特效代码</option>
<option>网页语言</option>
<option>软件教程</option>
</select>
<select name="stage2" size="1">
<option value="/texiao/shubiao">鼠标类</option>
<option value="/texiao/chuangkou">窗口类</option>
<option value="/texiao/daohang">导航类</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (I=0; I<groups; I++)
group[I]=new Array()
group[0][0]=new Option("鼠标类","/texiao/shubiao")
group[0][1]=new Option("窗口类","/texiao/chuangkou")
group[0][2]=new Option("导航类","/texiao/daohang")
group[1][0]=new Option("ASP","/yuyan/asp")
group[1][1]=new Option("PHP","/yuyan/php")
group[1][2]=new Option("JSP","/yuyan/jsp")
group[2][0]=new Option("Dreamweaver","/ruanjian/Dreamweaver")
group[2][1]=new Option("Fireworks","/ruanjian/Fireworks")
group[2][2]=new Option("Flash","/ruanjian/Flash")
group[2][3]=new Option("Photoshop","/ruanjian/Photoshop")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (I=0;I<group[x].length;I++){
temp.options[I]=new Option(group[x][I].text,group[x][I].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
</body>
</html></td>
 </tr>
</table>  

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>二级菜单联合浮动演示</title>
<script type="text/javascript">
var req;
window.onload=function()
{//页面加载时的函数
}
function Change_Select(){//当第三个下拉框的选项发生改变时调用该函数
var province = document.getElementById('province').value;
var url = "select?id="+ escape(province);
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
}else if(window.ActiveXObject){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("GET",url,true);
//钦点回调函数为callback
req.onreadystatechange = callback;
req.send(null);
}
}
//回调函数
function callback(){
if(req.readyState ==4){
if(req.status ==200){
parseMessage();//解析XML文档
}else{
alert("无法博得描述消息:" + req.statusText);
}
}
}
//解析重回xml的办法
function parseMessage(){
var xmlDoc = req.responseXML.documentElement;//获得重回的XML文书档案
var xSel = xmlDoc.getElementsByTagName('select');
//获得XML文书档案中的全体<select>标识
var select_root = document.getElementById('city');
//拿到网页中的第1个下拉框
select_root.options.length=0;
//每便得到新的数目标时候先把每三个下拉框架的尺寸清0
for(var i=0;i<xSel.length;i++){
var xValue = xSel[i].childNodes[0].firstChild.nodeValue;
//获得每个<select>标识中的第二个暗记的值,也便是<value>标识的值
var xText = xSel[i].childNodes[1].firstChild.nodeValue;
//获得每一个<select>标识中的第二个标识的值,也正是<text>标志的值
var option = new Option(xText, xValue);
//依据每组value和text标志的值创建多个option对象
try{
select_root.add(option);//将option对象增加到第一个下拉框中
}catch(e){
}
}
}
</script>
</head>
<body>
<div align="center">
<form name="form1" method="post" action="">
<table width="70%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
二级联动示例
</td>
</tr>
<tr>
<td>
<select name="province" id="province" onChange="Change_Select()">
<!--先是个下拉菜单-->
<option value="0">
请选择
</option>
<option value="1">
北京
</option>
<option value="2">
天津
</option>
<option value="3">
山东
</option>
</select>
<select name="city" id="city">
<!--次之个下拉菜单-->
<option value="0">
请选择
</option>
</select>
</td>
</tr>
<tr>
<td>
</td>
<tr>
</table>
</form>
</div>
</body>
</html>

本文由美高梅赌堵59599发布于美高梅-运维,转载请注明出处:二级菜单联动演示&lt真人手机网页版:,复制代码 代码如下

关键词: