62,074
社区成员
发帖
与我相关
我的任务
分享
<div>
<select id="CountrySelect" >
<option value="0">Please Select ......</option>
<option value="1">China</option>
<option value="2">USA</option>
</select>
</div>
<div id="ShowChosenResult">
</div>
<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function() {
$("#CountrySelect").change(function() {
var ID=$(this).val();
$.ajax({
type: "POST",
url: "ShowSelectCountryForm.aspx",
data: {CountryID:ID},
success: function(data, textStatus) {
$("div#ShowChosenResult").html(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
});
});
</script>
protected void Page_Load(object sender, EventArgs e)
{
if (Request["CountryID"] != null)
{
String countryID = Request["CountryID"].ToString();
String returnStr=String.Empty;
switch (countryID)
{
case "1":
returnStr="I am China!";
break;
case "2":
returnStr="I am USA!";
break;
}
Response.Write(returnStr);
Response.Flush();
Response.End();
}
}
$("#selId").change(function(){
var seltext = $("#selId").find("option:selected").text();//选择项TEXT
var selvalue = $("#selId").val();//选择项VALUE
//然后调用ajax方法
$.ajax({
type : 'POST',
url:'../XXX.aspx',
dataType:'json',
data : "selval="+selvalue+"&seltext ="+seltext,//参数,在xxx.aspx页接受参数 根据参数你可以自己查询数据 然后返回json格式
success: function(dataret){
//dateret就是你返回来的结果 在此你对div赋值
})
});
});