AJAX实现DropDownList无刷新二级联动

最新推荐文章于 2021-09-06 15:02:22 发布
最新推荐文章于 2021-09-06 15:02:22 发布
阅读量524 收藏
点赞数
分类专栏： C# .NET 文章标签： AJAX dropdownlist


前台代码:

<%@ Page Language="C#" CodeFile="DropDownListDemo.aspx.cs" Inherits="DropDownListDemo" %>

<!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>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>
                <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

 

后台代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;

public partial class DropDownListDemo : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        DropDownList1.AutoPostBack = true;
        DropDownList2.AutoPostBack = true;
        if (!IsPostBack)
        {
            DropDownList1.Items.Add("----请选择----");
            DropDownList2.Items.Add("----请选择----");
            BindDDL("SELECT 列名1,列名2 FROM 表名", DropDownList1);
            DropDownList2.Enabled = false;
        }
        else if (DropDownList1.SelectedIndex == 0)
        {
            DropDownList2.Enabled = false;
        }
    }
    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add("----请选择----");
        if (DropDownList1.SelectedIndex == 0)
        {
            DropDownList2.Enabled = false;
        }
        else
        {
            DropDownList2.Enabled = true;
            BindDDL("SELECT 列名1,列名2 FROM 表名 WHERE 条件1 = '" + DropDownList1.SelectedValue + "'", DropDownList2);
        }
    }
    protected void BindDDL(string queryString, DropDownList ddl)
    {
        string connectionString = "Data Source=****;Initial Catalog=****;User ID=****;Password=****";
        using (SqlConnection connection = new SqlConnection(connectionString))
        {
            SqlCommand command = new SqlCommand(queryString, connection);
            connection.Open();
            SqlDataReader reader = command.ExecuteReader();
            while (reader.Read())
            {
                ddl.Items.Add(new ListItem(reader[0].ToString(), reader[1].ToString()));
            }
            reader.Close();
        }
    }
}

好凉快
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DropDownList年月二级联动无刷新
03-22
年月两级联动无刷新。年月显示最近十年数据。文件形式为.net用户控价下载后直接导入到项目后用法同用户控件用法。很方便
asp.net DropDownList Enable属性 和disabled 的一点小区别
weixin_34218579的博客
11-07 461
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page{ protecte...
C#ASP.NET中 DropDownList下拉菜单实现动态绑定数据库中字段。
weixin_45685313的博客
12-10 1881
DropDownList的动态绑定数据 DataSet dst = bll.Flow_Node();//数据库查询数据 DataTable dt = dst.Tables[0].Copy();//复制一份表格 DataTable sourcee = dt; DropDownList.Items.Clear();//清除 DropDownList.DataSource = dte; Dr...
后台加载DropDownList下拉框，及后台方法联动局部刷新
LuYanLin_的博客
09-06 549
一：后台加载DropDownList 后台查询配置表显示内容并赋值 var list = ShuiWuPeiZhi.FindAll("", "", "", 0, 0); if (list != null && list.Count() > 0) { YWContent.DataSource = list; YWContent.DataTextField = "YW";
DropDownList无刷新ajax二级联动效果
zhaohongx的专栏
02-15 1918
页面主要代码：                                                                  Width="200" AutoPostBack="True">                                                                      /
DropDownList无刷新二级联动控件
05-03
DropDownList无刷新二级联动控件，通过ClientScript.GetCallbackEventReference实现了无刷新联动。支持样式，视图状态的保存。并将DropDownList的回发操作封装到事件中。使用控件就像使用一般的DropDownList服务器...
asp.net DropDownList实现二级联动效果
10-22
主要介绍了asp.net DroDownList实现二级联动效果的相关资料,需要的朋友可以参考下
ajax.dll 实现DropDownList无刷新联动
10-26
这个是ajax 实现DropDownList无刷新联动。里面有数据库结构和内容，表结构的是sql2000的， 关键代码： <SCRIPT language="javascript"> //城市------------------------------ function cityResult() ...
Jquery实现无刷新DropDownList联动实现代码
10-29
随着Jquery1.4的发布，Jquery运用越来越多了，让我们来实现以前经常用到的DropDownList无刷新联动。
DropDownList控件实现省市联动(AJAX实现） .
04-27
DropDownList控件实现省市联动(AJAX实现） . DropDownList控件实现省市联动(AJAX实现） . 程序描述http://blog.csdn.net/bdstjk/article/details/7516935
实现DropDownList无刷新二级联动
天才也是人
08-20 1618
　　在做一个文章添加功能时，想在选择大类后，自动将其所属二级小类显示出来，使用DropDownList的 SelectedIndexChanged事件可以很容易实现，但每次选择后页面总要刷新一次，让人感觉很不爽。为实现DropDownList无刷新二级联动，这几天在网上找了些资料，但都无法达到我想要的效果，经过反复调试，现已基本实现了此功能，现将代码附下。 　　一、数据库设计：字段
asp.net DropDownList无刷新ajax二级联动实现详细过程
weixin_30549657的博客
09-10 181
只适合新手制作DropDownList无刷新ajax二级联动效果： 数据库实现，添加两表如图：表1，pingpai，表2，type，具体数据库实现看自己的理解： //页面主要代码： <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager&...
无刷新二级联动dropdownlist
weixin_34351321的博客
08-02 97
<asp:ScriptManager ID="ScriptManager2" runat="server" EnablePartialRendering="true"></asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel2" runat=...
用ajax实现dropdownlist多级联动实例
weixin_30892987的博客
07-24 189
经常用dropdownlist绑定数据，涉及到多级联动的问题，刷新页面不太好，于是花了点时间，用AjaxPro来实现无刷新绑定DropDownList数据的问题。 -------------------------------------------------------------------------------- 实例： 实现省、市、县三级DropDownList数据无刷新...
DropDownList无刷新二级联动（.ashx）
Milo的专栏
02-06 826
因工作需要，需做一下拉框无刷新二级联动功能。上网搜索到很多种实现方式，最后选中一大神写的，谢谢这位大神！大神文章地址（http://blog.csdn.net/wangjun8868/article/details/2983149）。 我做的功能是，选择供应商，带出对应的付款方式。 Default.aspx 默认页面 <%@ Page Language="VB" AutoEventW
asp.net jquery ajax数据操作 DropDownList级联
分享经验，共同进步.
11-25 5568
1、定义一个类 CityCounty.cs文件，如下： using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Runtime.Serialization; /// ///CityCounty 的摘要说明 /// [DataContract] pu
dropdownlist省市二级联动
最新发布
03-16
下拉列表省市二级联动是一种常见的前端交互方式，通过选择省份后，自动加载该省份下的城市列表，以便用户快速选择所在地区。这种交互方式常用于注册、地址选择等场景，可以提高用户体验和数据准确性。实现方法可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值