用jQuery做无刷新DropDownList后,再邦定GridView,全乱了解决方案
用jQuery做无刷新DropDownList后,再邦定GridView,全乱了
用jQuery做无刷新DropDownList后,再根据DropDownList的选项值,查询后邦定GridView,结果是DropDownList全乱了。比如,我选洲,页面无刷新填充国家的项,然后我按查询按钮"Bing City into GridView",可是国家下拉中的项又被初始为空
。哪们大侠帮忙看看。数据库3个表:洲、国家、城市
Continents Table

Countries Table

Cities Table

test1.aspx.vb代码在ftp://220.160.203.232
test1.aspx代码:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="test1.aspx.vb" Inherits="ERP_WEB.test1" EnableEventValidation="false" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>CCGV1</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!--填充 Countries DropDownList 客户端 -->
<script type = "text/javascript">
$(document).ready(function () {
$("#ddlContinents").change(function () {
PopulateContinents();
PopulateCities();
});
$("#ddlCountries").change(function () {
PopulateCities();
});
});
var pageUrl = '<%=ResolveUrl("~/test1.aspx")%>'
function PopulateContinents() {
//$("#<%=ddlCountries.ClientID%>").attr("disabled", "disabled");
if ($('#<%=ddlContinents.ClientID%>').val() == "0") {
$('#<%=ddlCountries.ClientID %>').empty().append('<option selected="selected" value="0">Please select3</option>');
$('#<%=ddlCities.ClientID %>').empty().append('<option selected="selected" value="0">Please select3</option>');
}
else {
$('#<%=ddlCountries.ClientID %>').empty().append('<option selected="selected" value="0">Please select4</option>');
$('#<%=ddlCities.ClientID %>').empty().append('<option selected="selected" value="0">Please select4</option>');
$.ajax({
type: "POST",
url: pageUrl + '/PopulateCountries',
data: '{continentId: ' + $('#<%=ddlContinents.ClientID%>').val() + '}',
用jQuery做无刷新DropDownList后,再根据DropDownList的选项值,查询后邦定GridView,结果是DropDownList全乱了。比如,我选洲,页面无刷新填充国家的项,然后我按查询按钮"Bing City into GridView",可是国家下拉中的项又被初始为空
Continents Table
Countries Table
Cities Table
test1.aspx.vb代码在ftp://220.160.203.232
test1.aspx代码:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="test1.aspx.vb" Inherits="ERP_WEB.test1" EnableEventValidation="false" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>CCGV1</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!--填充 Countries DropDownList 客户端 -->
<script type = "text/javascript">
$(document).ready(function () {
$("#ddlContinents").change(function () {
PopulateContinents();
PopulateCities();
});
$("#ddlCountries").change(function () {
PopulateCities();
});
});
var pageUrl = '<%=ResolveUrl("~/test1.aspx")%>'
function PopulateContinents() {
//$("#<%=ddlCountries.ClientID%>").attr("disabled", "disabled");
if ($('#<%=ddlContinents.ClientID%>').val() == "0") {
$('#<%=ddlCountries.ClientID %>').empty().append('<option selected="selected" value="0">Please select3</option>');
$('#<%=ddlCities.ClientID %>').empty().append('<option selected="selected" value="0">Please select3</option>');
}
else {
$('#<%=ddlCountries.ClientID %>').empty().append('<option selected="selected" value="0">Please select4</option>');
$('#<%=ddlCities.ClientID %>').empty().append('<option selected="selected" value="0">Please select4</option>');
$.ajax({
type: "POST",
url: pageUrl + '/PopulateCountries',
data: '{continentId: ' + $('#<%=ddlContinents.ClientID%>').val() + '}',