asp.net如何实现既要触发dropdownlist改变事件时不刷新整个界面
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了asp.net如何实现既要触发dropdownlist改变事件时不刷新整个界面相关的知识，希望对你有一定的参考价值。
asp.net实现既要触发dropdownlist改变事件时不刷新整个界面的方法：1、定义aspx页面：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
<html ">
<head runat="server">
<title>ASP.net How to use Dropdown list</title>
<style type="text/css">
div
margin: 5px;
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<fieldset>
<h3> Dropdown list无刷新页面的使用方法</h3>
<div>
<label>姓别:</label><br />
<asp:DropDownList ID="ddlGender" runat="server" Width="200px">
<asp:ListItem Text="Select Gender" Value="0"></asp:ListItem>
<asp:ListItem Text="Male" Value="1"></asp:ListItem>
<asp:ListItem Text="Female" Value="2"></asp:ListItem>
</asp:DropDownList>
</div>
<div>
<asp:Button ID="btnSubmit" runat="server"
Text="点击获取选择的项" onclick="btnSubmit_Click" />
</div>
<div>
选择的项目: <asp:Label ID="lblSelectedText" runat="server"></asp:Label>
</div>
<div>
选择的下拉列表的值: <asp:Label ID="lblSelectedValue" runat="server"></asp:Label>
</div>
</fieldset>
</div>
</form>
</body>
</html>
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;
参考技术A $(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("<option value='0'>1</option>",city.id,city.name));
sb.append("<option value='' selected='selected'>选择市</option>")
$("#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("<option value='0'>1</option>",area.id,area.name));
sb.append("<option value='' selected='selected'>选择区</option>")
$("#txtc_area").html(sb.tostring());
$("#hfarea").val("");
);
);
$("#txtc_area").change(function()
$("#hfarea").val($(this).val());
);
);
</script>
后台自己写一下就OK了本回答被提问者和网友采纳 参考技术B 用ajax写吧，可以达到无刷新效果
以上是关于asp.net如何实现既要触发dropdownlist改变事件时不刷新整个界面的主要内容，如果未能解决你的问题，请参考以下文章
asp.net(C#) datagridview 如何实现单元格值更改后自动触发事件