bootstrap-suggest 源代码修改实现二级联动

在使用bootstrap-suggest的时候，我发现一个问题，页面载入以后，它所显示的下拉框是无法更改的，

但是需求上需要加上一个二级类目，二级类目改变的时候，产品名称的下拉框也随之改变

js代码

function suggest(data){var testBsSuggest=$("#produtName").bsSuggest({getDataMethod:"data",showBtn: true,indexId: 1,indexKey:0,data:data}).on("onDataRequestSuccess",function(e,result){//console.log("onDataRequestSuccess: ",result)}).on("onSetSelectValue",function(e,keyword){//console.log("onSetSelectValue: ",keyword)}).on("onUnsetSelectValue",function(e){//console.log("onUnsetSelectValue")});
}
$(document).ready(function(){$("#produtName").focus(function(){ $.ajax({url: "<%=root%>/queryProduct.do",type: "POST",dataType: "json",data:{oneCategoryId:$("#oneCategoryId").val(),twoCategoryId:$("#twoCategoryId").val(),},cache:false, success: function (data) {suggest(data);}});});
});

逻辑，捕捉产品名称的获得焦点事件，获取二级目录的信息，传到后台去获取相应的产品名称列表，然后通过suggest方法将产品名称列表显示出来。

但是！！！！上面也说了，suggest显示出来的值，无法改变，就算传入的data改变了，它所显示的信息依然不会改变，所以我们需要修改源代码

bootstrap-suggest.min.js

打开这个js，去百度一下在线代码格式化，将代码复制进去格式化一下，然后在黏贴过来，
修改的代码如下

在237行添加s.data=null;
重置它的data，这样它会重新去获取suggest方法中传入的data

实现了我想要的功能

如果平台是会判断session失效时间的，最好在ajax那里加判定data数据是否完整的代码

bootstrap-suggest 源代码修改实现二级联动相关推荐

JavaWeb Ajax二级联动Bootstrap的基本使用
目录一.Ajax二级联动二.Bootstrap 基本使用
ajax二级联动源代码,Ajax二级联动菜单实现原理及代码
index.jsp: 二级菜单联动演示 var req; window.οnlοad=function() {//页面加载时的函数 } function Change_Select(){//当第一个下 ...
php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
jquery php联动,jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
jQuery结合PHP+MySQL实现二级联动下拉列表[实例] 实现原理:根据省份值的变动,通过jQuery把sf_id传给后台php文件处理,php通过查询MySQl数据库,得到对应的地市名,并返回 ...
js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
二级联动三级联动多级联动无限级联动下拉列表或菜单专题
二级联动三级联动多级联动无限级联动下拉列表或菜单专题三维数组数据源 A - 请选择 -北京市天津市河北省山西省内蒙古自治区辽宁省吉林省黑龙江省上海市江苏省浙江省安徽省福建省江西省山东省河南 ...
简单的下拉列表的二级联动、省市
一.实现列表二级联动完整的HTML <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html">& ...
select二级联动价格策略+js的eval()
eval()函数,曾经自己并不觉得怎么样,但是项目中遇到一个需求,被迫使用,感觉确实很强大,记下来,忘了了看看! 需求: 1) 省内价格可用精确到地市(即,区号),省外价格只精确到省. ...
下拉框的二级联动和回显
二级联动和回显效果如下: 二级联动我们首先要查询出年级表的内容,在年级表的控制层中; Controller /*** 查询nj表的内容 @RequestMapping("/spr/nj& ...

bootstrap-suggest 源代码修改实现二级联动

bootstrap-suggest 源代码修改实现二级联动

bootstrap-suggest 源代码修改实现二级联动相关推荐

最新文章

热门文章

bootstrap-suggest 源代码修改 实现二级联动

bootstrap-suggest 源代码修改 实现二级联动

bootstrap-suggest 源代码修改 实现二级联动相关推荐

最新文章

热门文章

bootstrap-suggest 源代码修改实现二级联动

bootstrap-suggest 源代码修改实现二级联动

bootstrap-suggest 源代码修改实现二级联动相关推荐