当前位置:编程学习 > C#/ASP.NET >>

实现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 进行数据绑定的简单实现 --------------------编程问答--------------------
引用 2 楼 lchy110 的回复:
这个人就只能给你思路  
JScript code

$("#selId").change(function(){
  var seltext = $("#selId").find("option:selected").text();//选择项TEXT
  var selvalue = $("#selId").val();//选择项VALUE
  //然后调用ajax方法
  $.ajax(……


恩 用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();
            }
        }
--------------------编程问答--------------------
引用 5 楼 ldw962823142 的回复:
白开水:那个XXX.aspx里该怎么写,json又该如何写


XXX.ASPX里面可以 如8楼那样 你在那个方法里根据参数去操作数据库 然后将从数据库里的数据取出来 进行json格式封装 。你可以下个json的例子嘛  又不难。 自己要学会找例子 分析 不要一味的要源码。 呵呵
--------------------编程问答-------------------- 呵呵,虚心接受,这项目等着呢,急啊 --------------------编程问答-------------------- 这东西.
纯JS也能写纯C#也能写.
难在哪了?
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,