zoukankan      html  css  js  c++  java
  • AJAX和select,绑定值,动态加载select的Item值,设置所选的值 (全都是客户端控件)

      //根据年级获取班级 

    dataType: 'json':在一班处理程序中获取数据时,JSON为string类型
      function btnGetBJ(njm,bh) {
      $.ajax({
     cache: false,
      type: "GET",
     url: 'TPJG.ashx?HandlerType=getbj&njm=' + njm + '&xqh=1', dataType: 'json',
     success: function (json) {
     //AJAX加载select if (json != "" || json != null || json != undefined) {
     document.getElementById("seletBJ").innerHTML = "";
     document.getElementById('seletBJ').add(new Option("---"""));
     for (var i = 0; i < json.length; i++) {
     document.getElementById('seletBJ').add(new Option(json[i].texts, json
     
     [i].values));
     }
     //如果报对象不支持此属性或方法用此方法
                       $("#BJ option").remove();
                        $("#BJ").prepend("<option value=''>---</option>")
                        if (json != "" && json != null && json != undefined) {
                            for (var i = 0; i < json.length; i++) {
                                $("#BJ").prepend("<option value='" + json[i].BH + "'>" + json[i].BJMC + "</option>");
                            }
                        }
     

    //设置选中项 if (bh != "") {var all_options = document.getElementById("seletBJ").options;
    for (var j = 0; j < all_options.length; j++) {
     if (all_options[j].value == bh) {
     all_options[j].selected = true;
     }
     }
     }
     }
     }
    });
     }

    //页面初始化时,加载select的选择项 

    $(function () { btnGetBJ('<%= njm %>''<%= bh %>');
     })
     
     
     
     
     
     //后台绑定select,设置选择项
     <option value="">---</option>
     <% foreach (var dic in xqList)
    { %><option value="<%= dic.XQH %>" <%= Request.QueryString["seletXQ"] == 
     
    dic.XQH ?"selected":""%>>
    <%= dic.XQMC%></option>
    <% } %>
    </select>

  • 相关阅读:
    .NET基础知识之七——索引器
    安装Sql Server 2008的时候报错说找不到某个安装文件
    安装Sql Server 2008时出错
    英文操作系统奇怪的问题
    装虚拟机后一部分磁盘空间消失
    服务器允许两台电脑远程登录一个账户
    Linq工具篇(1)——使用LinqPad
    ExtJs工具篇(1)——在Aptana3中安装ExtJS 代码提示插件
    SQL基础(三)-- SQL根据”,“分割字符串
    SQL基础(四)-- SQL连接时去掉重复数据
  • 原文地址:https://www.cnblogs.com/zecVip/p/4428118.html
Copyright © 2011-2022 走看看