当前位置: 代码迷 >> ASP.NET >> 求一段js代码,2个listbox的有关问题
  详细解决方案

求一段js代码,2个listbox的有关问题

热度:8300   发布时间:2013-02-26 00:00:00.0
求一段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()
{
  相关解决方案