求一段js代码，2个listbox的有关问题
日期：2014-05-20 浏览次数：20449 次
求一段js代码，2个listbox的问题
需求是这样的，我现在有两个listbox，1和2 ，我想点一下1中的任何一个item，然后去数据库中去搜col列符合选中的那个值的所有 符合条件记
录的某一列（col_ok）列，显示在2中。如果我要点1中的其他值，2中相应的跟着变化。(数据库配合方面可以简单的说一下就ok了，这个我到会)
最好能把关键的步骤都列一下，谢谢了，
------解决方案--------------------
用ajax
------解决方案--------------------
如果不用 ajax 的话
就用 change服务器事件吧
------解决方案--------------------
要求无刷？要是不要求
直接ListBox 属性AutoPostBack= "True "
在后台事件里写就行了
protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
{
根据ListBox1值绑定listbox2
}
------解决方案--------------------
www.asp.net去下
------解决方案--------------------
http://ajax.asp.net/default.aspx?tabid=47
------解决方案--------------------
不是
------解决方案--------------------
理解错了!
那个不行!刷新!
你自己查查 XMLHTTP资料
自己写 不用什么框架
------解决方案--------------------
到底要不要刷新？刷的话
直接ListBox 属性AutoPostBack= "True "
在后台事件里写就行了
protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
{
根据ListBox1值绑定listbox2
}
如果要无刷的话用ajax技术把根新数据取到客户端 用JS根新listbox2
------解决方案--------------------
楼上总结的很好
------解决方案--------------------
同上上
------解决方案--------------------
同 chy3503319(东北车神)
------解决方案--------------------
参考一下这个
--aspx
<%@ Page language= "c# " Codebehind= "WebForm1.aspx.cs " AutoEventWireup= "false " Inherits= "AjaxTest.WebForm1 " %>
<HTML>
<HEAD>
<title> Ajax实现无刷新三联动下拉框 </title>
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "GENERATOR ">
<meta content= "C# " name= "CODE_LANGUAGE ">
<meta content= "JavaScript " name= "vs_defaultClientScript ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
<SCRIPT language= "javascript ">
//城市------------------------------
function cityResult()
{
var city=document.getElementById( "DropDownList1 ");
AjaxMethod.GetCityList(city.value,get_city_Result_CallBack);
}
function get_city_Result_CallBack(response)
{
if (response.value != null)
{
//debugger;
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].city;
var id=ds.Tables[0].Rows[i].cityID;
document.all( "DropDownList2 ").options.add(new Option(name,id));
}
}
}
return
}
//市区----------------------------------------
function areaResult()
{
需求是这样的，我现在有两个listbox，1和2 ，我想点一下1中的任何一个item，然后去数据库中去搜col列符合选中的那个值的所有 符合条件记
录的某一列（col_ok）列，显示在2中。如果我要点1中的其他值，2中相应的跟着变化。(数据库配合方面可以简单的说一下就ok了，这个我到会)
最好能把关键的步骤都列一下，谢谢了，
------解决方案--------------------
用ajax
------解决方案--------------------
如果不用 ajax 的话
就用 change服务器事件吧
------解决方案--------------------
要求无刷？要是不要求
直接ListBox 属性AutoPostBack= "True "
在后台事件里写就行了
protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
{
根据ListBox1值绑定listbox2
}
------解决方案--------------------
www.asp.net去下
------解决方案--------------------
http://ajax.asp.net/default.aspx?tabid=47
------解决方案--------------------
不是
------解决方案--------------------
理解错了!
那个不行!刷新!
你自己查查 XMLHTTP资料
自己写 不用什么框架
------解决方案--------------------
到底要不要刷新？刷的话
直接ListBox 属性AutoPostBack= "True "
在后台事件里写就行了
protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
{
根据ListBox1值绑定listbox2
}
如果要无刷的话用ajax技术把根新数据取到客户端 用JS根新listbox2
------解决方案--------------------
楼上总结的很好
------解决方案--------------------
同上上
------解决方案--------------------
同 chy3503319(东北车神)
------解决方案--------------------
参考一下这个
--aspx
<%@ Page language= "c# " Codebehind= "WebForm1.aspx.cs " AutoEventWireup= "false " Inherits= "AjaxTest.WebForm1 " %>
<HTML>
<HEAD>
<title> Ajax实现无刷新三联动下拉框 </title>
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "GENERATOR ">
<meta content= "C# " name= "CODE_LANGUAGE ">
<meta content= "JavaScript " name= "vs_defaultClientScript ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
<SCRIPT language= "javascript ">
//城市------------------------------
function cityResult()
{
var city=document.getElementById( "DropDownList1 ");
AjaxMethod.GetCityList(city.value,get_city_Result_CallBack);
}
function get_city_Result_CallBack(response)
{
if (response.value != null)
{
//debugger;
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].city;
var id=ds.Tables[0].Rows[i].cityID;
document.all( "DropDownList2 ").options.add(new Option(name,id));
}
}
}
return
}
//市区----------------------------------------
function areaResult()
{
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
