AJAX联动下拉框

最新推荐文章于 2024-07-13 13:09:17 发布
最新推荐文章于 2024-07-13 13:09:17 发布
阅读量232 收藏
点赞数
分类专栏： C# 文章标签： c# C#

 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">
      &nbsp;&nbsp; 
 <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>
        <asp:DropDownList ID="DropDownList2" runat="server">
        </asp:DropDownList>&nbsp;
      <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");
    }


}




原文地址http://www.cnblogs.com/meetweb/archive/2007/03/16/677271.html

ambesten
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery ajax 多级联动 下拉框 Demo
08-06
博文地址 http://www.cnblogs.com/cl-blogs/p/4708102.html?utm_source=tuicool&utm_medium=referral ajax 实现 (全国,省,是,区....) N级联 Demo js: $(function () { $.fn.CascadeSelect({ url: '/CascadeSelect/CascadeSelect.ashx', //返回Json数据的一般处理文件 idKey: 'Id', // 绑定下拉框实际值的字段 nameKey: 'Name', // 绑定下拉框显示值的字段 casTopId: 0, // 顶级节点ParentId casCount: 4, // 级联个数 casObjId: ['SelProvince', 'SelCity', 'SelArea', 'SelXian'], // 级联下拉框id casDefVal: ['全国', 5, '益阳', 22], // 级联默认值(Id,Name都可以) }); }); html： 省级联动 ashx: 接收参数 Level 级联级别 从1开始 ParentID 父级ID
基于Ajax实现下拉框联动显示数据
12-10
公司做项目的时候，需要用到下拉框联动显示数据的功能，索性利用Ajax来实现，看到时间比较充裕，就没去找demo自己去想方法写了。纯自己的想法，有些可能比较弱智，希望不要见笑。 页面中的两个下拉列表框： ...
Ajax联动下拉框的实现例子
weixin_30894583的博客
03-16 63
AjaxPro.dll 下载地址 http://ajaxpro.schwarz-interactive.de/download/ajaxpro.zipWeb.Config <?xml version="1.0"?><configuration><system.web><httpHandlers><add verb="P...
ajax初级示例（下拉列表联动）
nailnehc的博客
02-20 2921
下拉列表联动效果如下动图： 数据库 表字段的信息  新建web项目 jar包及js 实体对象 index.jsp &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3...
使用Ajax和Jquery配合数据库实现下拉框的二级联动
热门推荐
Evan_QB的博客
07-19 2万+
首先我们需要先建立好数据库,将一些数据插入进去 需要两张表: province：省份表 city :          城市表 如图: 然后再在java中建立相关的实体类与之对应 再然后，我们就能开始做jdbc的操作了 public class ConnectionFactory { private static String driver; private stat
Ajax + jQuery实现下拉框联动
xiongwei3673605的专栏
03-28 1726
        很久没有研究JavaEE的前端代码了，这段时间为了实现一个页面下拉列表的多级联动。百度的时候遇到了各种坑，各种问题无法解决，最后还是结合各种说法，合并找到了答案。这里将自己解决问题的过程总结如下：        这里只贴上部分核心代码。        页面部分代码：        &lt;li&gt;省份： &lt;select name="province" id="p...
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
10-18
在本文中，我们将探讨如何使用Ajax和jQuery配合数据库来实现下拉框的二级联动效果，这对于构建交互式、响应式的Web应用非常重要。二级联动通常指的是一个下拉框的选择会影响另一个下拉框的内容，例如在选择省份后，...
基于jQuery Ajax实现下拉框无刷新联动
01-19
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码，供大家参考，具体内容如下 HTML代码： @{ Layout = null; } @using DAL; @using System.Data; @{ AreaDal areaDal = new AreaDal(); string ...
ajax实现下拉框联动
June的专栏
10-30 1万+
spring mvc+bootstrap            最近在做一个新闻不发布网站，网站栏目需要实现下拉框联动，因为没有用到前端框架，因此需要自己来写，废话不多说，思路是，跳转到新闻发布页面，需要初始化一级目录。 @RequestMapping("/release") public String release(HttpServletRequest reque
C#—Json序列化和反序列化
qq_3517289697的博客
07-10 898
在C#中，可以使用System.Web.Script.Serialization.JavaScriptSerializer类来序列化和反序列化JSON数据。可以使用Newtonsoft.Json库进行JSON的序列化。可以使用.NET内置的System.Text.Json库来进行JSON的序列化。
C#控件总结
sunyao1314的博客
07-09 549
C#中，控件是用户界面开发的核心部分，它们用于构建和交互应用程序的用户界面。
通俗易懂--.csproj 文件
Blue
07-09 1100
通俗易懂--.csproj 文件
c# 容器变换
汤圆
07-13 457
请注意，在输出时我使用了tuple.Item2来引用新的Tuple中的bool值，但实际上在C#的Tuple中，Item2并不存在，因为我们只创建了一个包含两个元素的Tuple（即Tuple）。如果您有一个List并且您想要将其转换为一个List集合，忽略double值，您可以使用LINQ的Select方法来创建一个新的Tuple列表，其中只包含int和bool值。
Boost Security with SSH/SFTP Public
q2315702359的博客
07-08 1769
　　SocketTools .NET Edition eliminates password vulnerabilities and simplifies access management for secure file transfers and server communication.　　SocketTools .NET Edition by Catalyst Development Corp. is a development library designed to simplify adding
prompt第三讲-PromptTemplate
traveler-leon的博客
07-13 373
通过PromptTemplate的from_template方法来定义出一个PromptTemplate基本上PromptTemplate也已将讲完了，下面做一个小总结变量2. template：用于存储字符串模板3. input_variables：用于存储变量，这个变量可以是直接从字符串模板中解析出来，也可以是自己指定，只要是和模板中的变量一样就行4. template_format：渲染的格式，这个格式指导着如何解析template。
C#中简单Socket编程
weixin_45144862的博客
07-09 404
TCP通信服务端的通信过程是：第一步调用Socket创建套接字。第二步：调用Bind()函数将套接字绑定到指定的IP地址和端口号。第三步：调用Listen()函数监听套接字。Socket分为面向连接的套接字(TCP套接字)和面向消息的套接字(UDP 套接字)。客户端套接字通信过程是：第一步:调用Socket类创建套接字。第一步：创建套接字。第一步：创建套接字。第二步：将套接字绑定到指定IP地址和端口号。UDP通信是面向消息的通信方式。接下来，我用C#语言来进行简单的TCP通信和UDP通信。
NLP入门之中文分词
m0_57922605的博客
07-09 282
分词是一个被长期研究的任务，通过了解分词算法的发展，可以看到NLP的研究历程,分词是NLP中一类问题的代表,分词很常用，很多NLP任务建立在分词之上。目前分词切分的难点主要有歧义切分、新词、专有名词、改造词等。
LangChain —— Message —— How to trim messages
最新发布
cheese_burger_的博客
07-13 148
所有模型都有有限的上下文窗口，这意味着它们可以作为输入的 token 数量是有限的。如果你有很长的消息，或者一个 chain 或 agent 累积了很长的历史消息，你需要管理你传递给模型的消息的长度。trim_messages util 提供了一些基本策略，用于将消息列表修剪为特定的 token 长度。为了获取消息列表中的最后一个 max_tokens，我们可以设置 strategy=“last”。
C#单独摘出日期的某天
sunyao1314的博客
07-13 101
如果你想要在 C# 中获取日期中的“天”的部分，你可以通过将日期转换为字符串，解析字符串，或者使用。方法或者计算本月的第一天和当前日期之间的天数差。会返回当前的日期中的“天”的部分，例如如果今天是 2024年6月12日，那么。如果你的目的是要处理本月的第一天或最后一天，你可以使用。要获取本月的最后一天，可以使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值