asp.net如何实现既要触发dropdownlist改变事件时不刷新整个界面
2016-07-02 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
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;
}
}
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;
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(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了
$("#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了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用ajax写吧，可以达到无刷新效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
