zoukankan      html  css  js  c++  java
  • JQuery 中dropdownlist实现数据捆绑并相互联动

    代码
     <script type="text/javascript" src="JavaScript/jquery-1.3.2.js"></script>
        <script language="javascript" type="text/javascript">
          $(document).ready(
    function(){
            BindDropDownList(); 
            
            $(
    "#DropDownList1").change(function(){BindDropDownList2();});    
            });
            
    function  BindDropDownList()
            {
               $(
    "#DropDownList1").empty();               
                $.getJSON(
    "EmployeeLoad.ashx",null,function(json){
                $.each(json,
    function(i){$("#DropDownList1").append($("<option></option>").val(json[i].ID).html(json[i].Name))});
                });
                $(
    "<option></option>").val("").html("").appendTo("#DropDownList1");
                
            }
            
    function BindDropDownList2()
            {
            
              
    if($("#DropDownList1 option:selected").val()=="")
              {         
                 $(
    "#Label1").empty(); 
                 $(
    "#DropDownList2").empty(); 
              }
              
    else
              {
                 $(
    "#DropDownList2").empty();                   
                 $.getJSON(
    "Handler.ashx?ID=" +$("#DropDownList1 option:selected").text(),null,function(json){
                   $.each(json,
    function(i){$("#DropDownList2").append($("<option></option>").val(json[i].Text).html(json[i].Text))});
                  
                 });
                  $(
    "<option></option>").val("").html("").appendTo("#DropDownList2");
                  $(
    "#Label1").html($("#DropDownList1 option:selected").text());           
              }        
            }

        
    </script>
     
     
    Dropdownlist 清空: $("#DropDownList2").empty();
  • 相关阅读:
    ubuntu16.04源码安装openssh-7.9 openssl-1.1.1
    shell脚本ping IP
    MariaDB-5.5.56 主主复制+keepalived高可用
    十五 数组与指针 推算程序结果
    十六 推算程序结果 结构体指针
    十七 括号表达式 最右为终值
    十八 二维数组赋指针
    十九 程序找错 结构体内的指针使用前要确定指向
    C语言:十九 程序找错 结构体内的指针使用前要确定指向
    C语言:二十 程序找错
  • 原文地址:https://www.cnblogs.com/Mac_Hui/p/1785950.html
Copyright © 2011-2022 走看看