asp.net如何实现既要触发dropdownlist改变事件时不刷新整个界面

2025-01-31 03:24:43
推荐回答(3个)
回答1:

asp.net实现既要触发dropdownlist改变事件时不刷新整个界面的方法:
1、定义aspx页面:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>


ASP.net How to use Dropdown list






Dropdown list无刷新页面的使用方法












Text="点击获取选择的项" onclick="btnSubmit_Click" />


选择的项目:


选择的下拉列表的值:






2、定义后台cs文件
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class index : System.Web.UI.Page
{
protected void btnSubmit_Click(object sender, EventArgs e)
{
//查询填充下拉的值
lblSelectedText.Text = ddlGender.SelectedItem.Text;

//检索选中的值并赋值给指定的文本域
lblSelectedValue.Text = ddlGender.SelectedValue;
}
}

回答2:

$(function(){

$("#txtc_province").change(function(){

$.ajax({

type: "POST",

url:'City_Ajax.aspx',

dataType:"json",

data: {"p_id": $(this).val()},

success: function(data){

var sb = new StringBuilder();

for(var item in data){

var city = data[item];

sb.append(String.format("",city.id,city.name));

}

sb.append("")

$("#txtc_city").html(sb.tostring());

$("#hfcity").val("");

}

});

});

$("#txtc_city").change(function(){

$("#hfcity").val($(this).val());

$.ajax({

type: "POST",

url:'Area_Ajax.aspx',

dataType:"json",

data: {"c_id": $(this).val()},

success: function(data){

var sb = new StringBuilder();

for(var item in data){

var area = data[item];

sb.append(String.format("",area.id,area.name));

}

sb.append("")

$("#txtc_area").html(sb.tostring());

$("#hfarea").val("");

}

});

});

$("#txtc_area").change(function(){

$("#hfarea").val($(this).val());

});

});



后台自己写一下就OK了

回答3:

用ajax写吧,可以达到无刷新效果