jquery二级级联,jquery二级联动

用Jquery做一个通用的多级级联菜单，怎么做？

锋利的jquery上 第一章吧 就有个关于树形菜单的简单例子

别懒自己动手下 很快就能实现

相关问答

Q1: 怎么用jquery实现二级联动

你好！

下面是个简单的小例子，仅供参考：

script type="text/javascript"

$(document).ready(function(){

  var data={

       "liaoning":{

          "210100000000":"沈阳市",

          "210200000000":"大连市",

          "210300000000":"鞍山市"

       },

       "heilongjiang":{

          "230100000000":"哈尔滨市",

          "230200000000":"齐齐哈尔市",

          "230300000000":"鸡西市"

       }

  };

  $("#aa").change(function(){

      if(this.value==0){

          $("#bb").empty();

      } else {

          for(var key in data){

              if(key==this.value){

                 $("#bb").empty();

                 for(var kkey in data[this.value]){

                     $("option /").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));

                 }

              }

          }

      }

  });

});

/script

/head

body

select id="aa"

  option value="0"请选择省/option

  option value="liaoning"辽宁/option

  option value="heilongjiang"黑龙江/option

/select

select id="bb"

   

/select

/body

希望对你有帮助！

Q2: jquery select2 联动下拉列表赋值二级下拉列表赋不上值，怎么搞

你是怎么搞的，代码贴出来看看。

二级联动，都是在一级上加一个onchange事件，触发时更新二级就可以了。

selelct id="sel1" onchange="changeData()"/selelct

selelct id="sel2"/selelct

function changeData(){

var v = $("#sel1").val();

$("#sel2").html('option......../option');

}

Q3: jquery如何动态产生二级联动，就是点击添加按钮后产生一个二级联动

二级联动:

script

      //点击按钮生成一级联动

   $("button").on("click",function(){

       var oneSelect = "select name='oneSelect'/select";

       $("body").append(oneSelect);

   });

   //这里说明下，英文二级联动是根据一级联动来的，逻辑代码看你自己了，因为

   //一级联动是js动态生成的，再绑定事件涉及特殊方法live,而live这个方法1.8.3

   //jquery版本以后是废弃的，所以要使用

   //$("select[name=oneSelect]").on("change","父级节点",fucntion(){});

   //根据你的一级联动以及需求选择触发二级联动

   $("select[name=oneSelect]").live("change",function(){

       var twoSelect = "select name='twoSelect'/select";

       $("body").append(twoSelect);

   });

/script

Q4: 用jquery的ajax实现二级下拉菜单级联操作，一级的select id=industrial 二级的select id=profession

因为没有足够的信息，我说几个要点，你看看后台是不是这样的：

1.你使用的是 $.getJSON ，这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。如果不是这样的话，肯定不行的

2.回调函数中，myJSON 到底是什么类型，从你的代码来看，它是一个数组，这个数组中的每一个元素都是一个对象，该对象至少有两个属性：professionid 和 professionName .

确认你的数据信息吧，js代码没有什么问题，对了，你是手动触发第一个 select 的 change 事件的，看看你的第一个 select 是不是在触发之前已经有数据了，不然，第一次的触发是没有效果的

Q5: 在JSP页面中不使用ajax，用jQuery实现二级联动的代码谁有，前提是数据是从数据库中读取出来

你后台不是要查询数据库吗？ajax就是前后台做数据交互的，你后台查询出这个字段，用ajax交互，把你查询出的值返回到前台，要么返回null或""，要么返回有值的；

然后在ajax的success函数里面写你的逻辑就ok了；ajax知道怎么用吗？

$.ajax({

type : "POST",

url: "../../Admin/Menu/index/save",//后台映射的URL

data:$("#saveForm").serializeArray(),//往后台传的参数

dataType:'json',//返回的数据格式

success : function(result) {

//result即你的返回值

//ajax请求成功执行的函数

},

error : function(result) {

}

});