bootstrap suggest下拉框使用详解

前端之家收集整理的这篇文章主要介绍了bootstrap suggest下拉框使用详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

bootStrap suggest js下拉框的使用,供大家参考,具体内容如下

HTML

选择商品:

<%@ include file="dataJs/item/itemSuggest.jsp" %>

itemSuggest.jsp

<input id="suitName"
  type="text" style="width: 300px; height: 30px; padding: 0 4px;"&gt;

<div class="input-group-btn" style="width: 0%"&gt;
  <ul class="dropdown-menu dropdown-menu-right" role="menu"&gt;
  </ul>
</div>
<!-- /btn-group -->

js

插件绑定事件 */ function suggest(domID,dataList) { $("#" + domID).bsSuggest({ indexId : 1,// data.value 的第几个数据,作为input输入框的显示内容 // indexKey: 2,//data.value 的第几个数据,作为input输入框的内容 data : dataList }).on('onDataRequestSuccess',function(e,result) { console.log('从 json参数中获取,不会触发 onDataRequestSuccess 事件',result); }).on('onSetSelectValue',keyword,data) { console.log('onSetSelectValue: ',data); }).on('onUnsetSelectValue',function() { console.log("onUnsetSelectValue"); });

}

var dataList = {
value : []
};
var url = hostUrl + "item/selectItemList.do";
init(url,dataList);
console.info(dataList);
suggest("suitName",dataList);

}());

要引入的js

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/40080.html

猜你在找的Bootstrap相关文章