实现select标签取值和赋值的功能(难)
实现select标签取值和赋值的功能,有一个数据库 表news,三个字段(id,name,content),打开网页初次加载时,把name加载到select中(包括text,value),然后选择select中的option时,触发事件,把content的内容显示在一个<div>层里面,要求触发事件时,页面不刷新。需要用到的技术(jQuery,Ajax),看看那位大侠能帮一下忙!谢谢! --------------------编程问答-------------------- select标签,这个是标签吗? --------------------编程问答-------------------- 这个人就只能给你思路--------------------编程问答-------------------- 很简单的。参见
$("#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赋值
})
});
});
http://dotnet.aspx.cc/article/d94323a7-e322-4ead-9f25-6e6629c8012e/read.aspx
使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现 --------------------编程问答--------------------
恩 用jquery的ajax。。把数据post到页面,然后直接write到页面 --------------------编程问答-------------------- 白开水:那个XXX.aspx里该怎么写,json又该如何写 --------------------编程问答-------------------- 网上查 --------------------编程问答-------------------- 逻辑上有点过不去 --------------------编程问答-------------------- 给你一个小例子:
SelectControlForm.aspx
<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>
ShowSelectCountryForm.aspx:
--------------------编程问答--------------------
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();
}
}
XXX.ASPX里面可以 如8楼那样 你在那个方法里根据参数去操作数据库 然后将从数据库里的数据取出来 进行json格式封装 。你可以下个json的例子嘛 又不难。 自己要学会找例子 分析 不要一味的要源码。 呵呵
--------------------编程问答-------------------- 呵呵,虚心接受,这项目等着呢,急啊 --------------------编程问答-------------------- 这东西.
纯JS也能写纯C#也能写.
难在哪了?
补充:.NET技术 , ASP.NET