利用xmlhttp实现的两级联动的dropdownlist

xml

在用户注册的时候需要根据不同的用户类型,重数据库中筛选出不同的产品提供给用户。想想,效果最好的只能是无刷新的方法了。

前台脚步:(js)

function fillProduction()
{
   var dwl = document.all("DropdownlistLevel");
   var htp = new ActiveXObject("microsoft.xmlhttp");
   var url = "reg.aspx?fp=" + dwl.value; htp.open("POST",url,false);
   htp.setRequestHeader("Content-Type","application/x-www-form-urlencoded") htp.send();
   var str = htp.responseText;
   if (str != "")
   {
      var mydata = str.split("$");
      if(mydata[0] != 0)
       {
          for( var i=1;i<=mydata[0];i++ )
           {
             var tmp = mydata[i].split("@");
             var item = new Option();
             item.text = tmp[0] + "|" + tmp[1] + " BV"; item.value = tmp[2];                        document.submit.DropDwonListProduction.options[i-1] = item;
           }
          document.submit.hidpid.value = document.submit.DropDwonListProduction.value;
       }
      else
      {
         var len = document.submit.DropDwonListProduction.options.length;
         for(var i=len-1;i>=0;i--)
         {
           document.submit.DropDwonListProduction.options.remove(i);
         }
         document.submit.hidpid.value = "";
       }
   }
   htp = null;
}

后台编码:

private void fillProduction()
  {
   string sql;
   sql = "select pgr_prod_descr,pgr_bv_value,pgr_prod_grp_cd from prod_grp t where t.pgr_bv_value = (select dal_bv from def_acct_level where dal_id = " + Request["fp"] + ")";   
   DataTable dt;
   dt = SQLHelper.FillDataTable(SQLHelper.CONN_STRING,CommandType.Text,sql);
   string tmp;
   if (dt.Rows.Count >0 )
   {
    tmp = dt.Rows.Count.ToString() + "$";
    for(int i=0;i<=dt.Rows.Count-1;i++)
    {
     tmp = tmp + dt.Rows[i][0].ToString() + "@" + dt.Rows[i][1].ToString() + "@" + dt.Rows[i][2].ToString() + "$";
    }    
   }
   else
   {
    tmp = "0$";
   }
   Response.Write(tmp);
  }

时间: 2025-01-27 14:38:01

利用xmlhttp实现的两级联动的dropdownlist的相关文章

DropDownList绑定数据表实现两级联动示例

 这篇文章主要介绍了DropDownList绑定数据表实现两级联动具体实现,需要的朋友可以参考下 场景一:平时我们在DropDownList控件下添加下拉选项时,都会使用它的Item.Add方法,直接在代码下添加.如果我们想添加或修改下拉选项,则必须去修改源代码.如果几个DropDownList控件的下拉选项相同,我们则需要重复添加好多次,后期的维护工作很不方便.    场景二:我们在12306网站买票时,肯定遇到过这么一种情景:我们需要先选定目的地的省份,选完省份后在城市选框中会自动加载该省份

DropDownList绑定数据表实现两级联动示例_实用技巧

场景一:平时我们在DropDownList控件下添加下拉选项时,都会使用它的Item.Add方法,直接在代码下添加.如果我们想添加或修改下拉选项,则必须去修改源代码.如果几个DropDownList控件的下拉选项相同,我们则需要重复添加好多次,后期的维护工作很不方便. 场景二:我们在12306网站买票时,肯定遇到过这么一种情景:我们需要先选定目的地的省份,选完省份后在城市选框中会自动加载该省份的城市,实现两级联动. 针对以上两个场景,我们可以用DropDownList直接绑定数据表,根据选择的省

jQuery 中国省市两级联动选择附图_jquery

复制代码 代码如下: <!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> <title>省市两级联动选择&l

aspx弹出窗口向页面上的两个联动的Dropdownlist传值

问题描述 我要做一个效果,a页面上有两个联动的Dropdownlist,(第一个Dropdownlist是大类,第一个Dropdownlist是小类)旁边有个按钮,点按钮打开b页面,从b页面中选择一个小类的值后关闭,将这个值传回a页面中填充Dropdownlist大类和小类.如下图a页面为招聘岗位:请选择(Dropdownlist1)请选择(Dropdownlist2)全部招聘岗位(按钮)b页面为计算机类软件开发(可选择)软件测试(可选择)服务类保洁工(可选择)......我的代码为a页面:<s

两级联动的select XML版

select|xml    XML文件         js文件   var MarketXMLDoc = new ActiveXObject("Msxml2.DOMDocument");   MarketXMLDoc.async = false;   MarketXMLDoc.load("/XML/MARKET_LIST.XML");   function GetMarketList(Type)   {   var Nodes;   switch (Type)  

两级联动select刷新后其值保持不变的实现方法_php技巧

背景 还是学院和专业的关系,我需要保持点击提交按钮后,页面select中继续维持提交前的值 网上有几种办法,要么通过url跳转时候附带参数形式传回页面,或者提交时候讲select的值保存在cookie中,提交后再把cookie中的值填回select中. 我是按照保存在cookie中的方法实现刷新后select值不变,对select设置一个onchange事件 复制代码 代码如下: <script type="text/javascript"> window.onload =

comboBox两级联动,数据从数据库中取出来,第二级数据死活加载不进store,求帮助

问题描述 数据加载的时候,城市的下拉菜单能出来,选择了城市之后想要选择地区,地区的placestore就一直是空的.困扰了好久,求解决.var citystore=new Ext.data.Store({proxy:new Ext.data.HttpProxy({url:'city_query.action'}),reader:new Ext.data.JsonReader({totalProperty:'total',root:'cityList'},[ {name:'id'}, {name:

利用ASP嵌套JS+SQL Server打造两级连动下拉框(一)

js|server|下拉 利用ASP嵌套JS+SQL Server打造两级连动下拉框(1)   随着网络技术的迅速发展,越来越多的电子商务网站也应运而生.而在构建一个功能强大的电子商务网站往往少不了提供网上注册功能给客户自行注册这个模块,为了尽可能方便客户填写信息,我们经常要用到下拉框供客户选择,特别是两级连动下拉框最为常用. 再说,本人今日发现CSDN论坛上也经常有网友提问这个问题,就是,需要一个两级连动下拉框,第一个显示省份名称,第二个显示相应的城市名.为了解答这个问题,我特别写这篇文章,希

利用ASP嵌套JS+SQL Server打造两级连动下拉框(二)

js|server|下拉 利用ASP嵌套JS+SQL Server打造两级连动下拉框(2) TwoLevel.asp<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"