asp二级联动菜单的实现不了

0冥界之主0 2023-03-18 09:33

• 

  0须王环殿下0

  2023-03-18 09:50

  本篇文章给大家带来的内容是关于json数据实现二级联动的实例代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

  zaiqing_shenhe.jsp

  查询条件

  数据来源 全部 ${dataSource.dataSourceName} ${dataSource.dataSourceName}

  信息来源 全部

  查询

  zaiqing_shenhe.js

  $(function () { //二级联动 绑定事件 ：数据来源》信息来源 $("#dataSource").change(function(){ var infoSourceArr=[ { "全部":[ "灾害大典", "灾情普查", "灾情直报", "网络媒体", "微博", "墨迹天气", "河北天气", "其他" ] }, { "互联网":[ "网络媒体", "微博", "墨迹天气", "河北天气", "其他" ] }, { "气象部门":[ "灾害大典", "灾情普查", "灾情直报", "其他" ] } ] var dataSourceVal=$("#dataSource").find("option:selected").val();//一级下拉框，选中值 dataSourceVal = dataSourceVal.replace( /^s+|s+$/g, "" );//去除字符中 空格 var infoSource=$("#infoSource"); for(var i in infoSourceArr){ for(var j in infoSourceArr[i]){ j = j.replace( /^s+|s+$/g, "" ); if(dataSourceVal==j){ var infoSourceSecondArrVal=infoSourceArr[i][j]; } } } document.getElementById("infoSource").options.length = 1; //清空select标签中option选项=0,只留一项=1 //根据一级下拉框选中值，加载相应的二级下拉框选项 for (var k in infoSourceSecondArrVal){//(var k=0;k'+infoSourceSecondArrVal[k]+'') } });}); //查询》列表显示var TableInit = function () { ... //初始化Table oTableInit.Init = function (pageNumber) { ... //得到查询的参数 oTableInit.queryParams = function (params) { var temp = { //这里的键的名字和控制器Controller里的变量名必须一致 ... dataSource: $("#dataSource").find("option:selected").val(), infoSource: $("#infoSource").find("option:selected").val(), ... }; ... }; $('#Table_queryList').bootstrapTable('destroy').bootstrapTable({ ... }) }; ...};

  用jquery的ajax很简单的，只需十来行代码就可以了。

  请选择省份请选择城市$(document).ready(function(){//省份数据初始化$.getJSON('ajax_data.asp',{act:'province'},function(json){$.each(json,function(index,data){$('#province').append(""+data['area_name']+"");});//endeach});//endgetJSON//获取城市数据$('#province').change(function(){$.getJSON('ajax_data.asp',{act:'city',provinceid:$('#province').val()},function(json){$('option','#city').remove();$('#city').append("请选择城市");$.each(json,function(index,data){$('#city').append(""+data['area_name']+"");});//endeach});//endgetJSON});//endprovincechange});

  asp二级联动实例提供
  0 讨论(0)
  发布评论:

  提交评论

  ---

  •  加载中...