Ajax联动下拉框的实现例子
AjaxPro.dll 下载地址 http://ajaxpro.schwarz-interactive.de/download/ajaxpro.zip
Web.Config
<?xml version="1.0"?>
<configuration>
<system.web>
<httpHandlers>
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
</system.web>
</configuration>
AjaxTest.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxTest.aspx.cs" Inherits="AjaxTest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function areaResult()
{
var area=document.getElementById("DropDownList1");
//alert(area.value);
AjaxTest.GetCityList(area.value,get_city_Result_CallBack);
}
function get_city_Result_CallBack(response)
{
if (response.value != null)
{
document.all("DropDownList2").length=0;
var ds = response.value;
if(ds != null && typeof(ds) == "object" && ds.Tables != null)
{
for(var i=0; i<ds.Tables[0].Rows.length; i++)
{
var name=ds.Tables[0].Rows[i].name;
var id=ds.Tables[0].Rows[i].id;
document.all("DropDownList2").options.add(new Option(name,id));
}
//document.all("TextBox1").value="";
}
}
return
}
</script>
<form id="form1" runat="server">
<asp:DropDownList ID="DropDownList1" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server">
</asp:DropDownList>
<br />
</form>
</body>
</html>
AjaxTest.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using MeetWeb;
public partial class AjaxTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxTest));
if (!Page.IsPostBack)
{
BindData();
}
}
private void BindData()
{
DataSet ds = new DataSet();
String sql = "Select id,name from test";
try
{
ds = GetDataSet(sql, "test");
this.DropDownList1.DataSource = ds.Tables[0];
this.DropDownList1.DataTextField = "name";
this.DropDownList1.DataValueField = "id";
this.DropDownList1.DataBind();
this.DropDownList1.Attributes.Add("onclick", "areaResult();");
}
catch (Exception ex)
{
Response.Write(ex.Message);
}
}
public static DataSet GetDataSet(string sql,string aa)
{
MeetWeb.SqlDataBase a = new MeetWeb.SqlDataBase("server=localhost\\PMSERVER;uid=sa;pwd=sa;database=test");
DataSet ds = new DataSet();
ds=a.CreateSet(sql, aa);
return ds;
}
[AjaxPro.AjaxMethod]
public DataSet GetCityList(int id)
{
string sql = "select name from test where id='" + id + "'";
return GetDataSet(sql,"test");
}
}
转载于:https://www.cnblogs.com/meetweb/archive/2007/03/16/677271.html
Ajax联动下拉框的实现例子相关推荐
- Ajax实现无刷新三联动下拉框
1.html代码 <HTML> <HEAD> <title>Ajax实现无刷新三联动下拉框</title> &l ...
- jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动
无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...
- jquery ajax下拉联动,基于jQuery Ajax实现下拉框无刷新联动
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码,供大家参考,具体内容如下 HTML代码: @{ Layout = null; } @using DAL; @using Sys ...
- 2018最新版省市区三级联动下拉框+所有源代码以及数据库
2018年国家统计局最新数据,JSP+Servlet+Dao实现省市区三级联动下拉框的效果 DropdownDAO.java -–Dao层 package com;import java.sql.Co ...
- 下拉框丿html宙斯,无限级别js联动下拉框类
/* ** ============================================================================================== ...
- android加载时二级联动点击二级联动,Android实现联动下拉框二级地市联动下拉框功能...
日常使用软件中,为了方便且规范输入,会使用到下拉框进行输入,如注册时生日选项,购物时的地址输入,都会用到下拉框,今日笔者为了巩固已学的知识,实现了二级联动下拉框用作回顾及分享给求知的新手. 思路/步骤 ...
- 一个大数据量表访问优化--联动下拉框查询优化
问题描述有一数据表(产品标签表,每个产品一个唯一的SN,每月100万左右),查询界面上有2个联动下拉框,[规格]____,[批次]______ 用户选择一个规格后(目前200来个规格),列出该规格下达 ...
- 联动下拉框显示省市县
首先,这次用到的知识点有三层的逻辑还有连接数据库知识以及传参知识点,废话不多说,首先展示页面: 首先第一本机的数据库,连接字符创写在app.cofing里,这个不用多说了: <configura ...
- Android实现联动下拉框
Android实现联动下拉框,二级地市联动下拉框 日常使用软件中,为了方便且规范输入,会使用到下拉框进行输入,如注册时生日选项,购物时的地址输入,都会用到下拉框,今日笔者为了巩固已学的知识,实现了二级 ...
最新文章
- Net设计模式实例之建造者模式(Builder Pattern)(2)
- 结构型模式---适配器模式
- 用Java统计姓氏个数_JAVA统计数字个数
- ckfinder 图片预览 有的显示有的不显示_Python学习之图片显示
- 云考古 | Azure 自建 RDS 让 iPad 跑 Office 97
- git学习心得之从远程仓库克隆
- 转: RSA原理 阮一峰的博客
- python远程监控jvm_python和jstat命令采集jvm数据导入zabbix监控-阿里云开发者社区
- 使用Notepad++自动排版代码
- [复变函数]第13堂课 作业讲解; 4 解析函数的幂级数表示法 4.1 复级数的基本性质...
- ip地址伪装php,技术教程:如何使用浏览器插件伪装IP地址
- 3.中小型企业通用自动化运维架构 -- Ansible playbook
- GBK字库集测试求助
- 苹果开发者证书报错证书不受信任
- 关于LM2596S-5.0电流声问题——输出电容选择
- windows 无法对计算机进行启动到,windows无法启动无法启动怎么办,windows无法启动的9种解决方法...
- 字符串与vector和list
- Photoshop教程四:Camera RAW 批量调色
- python修改excel表格_python操作excel表格(xlrd/xlwt)以及表格的修改(OpenPyXL)
- scrapy 去重 dont_filter=False
热门文章
- HDU2188-Bash博弈
- realarm Android系统编译后内核无法启动的解决方法
- u-boot移植第四弹——2013.10u-boot增加dm9000的支持
- 9.27-uname,useradd命令
- PHP替换文本文件其中一行,使用PHP替换文本文件中的行
- C# 子类实例化基类 基类使用不了子类的方法_C#学习笔记11--接口/泛型
- 全排列函数next_permutation
- PHP 依赖镜像出问题后,阿里工程师的一顿“神操作“令人叫绝!
- 游戏中的物理与数学(一):物体运动算法的实现
- Unity图片优化神器 - dither算法究极进化方案