ajax下拉搜索框,jQuery的带搜索过滤ajax加载下拉框插件

jQuery的带搜索过滤ajax加载下拉框插件

这是一款支持选项搜索过滤和Ajax远程加载的select下拉选择框jQuery插件。

js代码

/* This parser won't respect "---" selection */

function dataParserA(data, selected) {

retval = [ { val: "-1" , text: "---" } ];

data.forEach(function(v){

if(selected == "-1" && v.val == 3)

v.selected = true;

retval.push(v);

});

return retval;

}

/* This parser let's the component to handle selection */

function dataParserB(data, selected) {

retval = [ { val: "-1" , text: "---" } ];

data.forEach(function(v){ retval.push(v); });

return retval;

}

/* Create select elements */

$("#select1").tinyselect();

$("#select2").tinyselect({ showSearch: false });

$("#select3").tinyselect({ dataUrl: "file.json" , dataParser: dataParserA });

$("#select4").tinyselect({ dataUrl: "failure.json" });

$("#select5").tinyselect({ dataUrl: "file.json" , dataParser: dataParserB });

$("#select2").on("change",function() {

console.log($(this).val());

});

$("#havoc").show()

申明：本站所有资源都是转载各大下载站，或由网友投稿发布，请自行检测软件的完整性，如有侵权请联系我们删除下架，联系方式：admin@php.cn

ajax下拉搜索框,jQuery的带搜索过滤ajax加载下拉框插件相关推荐

php微信小程序向下滑动,微信小程序功能实现：上滑加载下拉刷新
本篇文章给大家带来的内容是关于微信小程序功能实现:上滑加载下拉刷新,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 之前谈到文章列表的数据加载,是一次性全部加载,这样是不友好的.这章介 ...
html底部自动加载下一页,js页面滚动到底部时自动加载下一页数据
一段滚动到页面底部自动加载更多数据的js代码,需要jquery.js . jquey.tmpl.js 支持 var Data = { PageCount: 1, PageSize: 30, IsCom ...
chosen.jquery.js 、chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值，chosen 实现远程搜索加载下拉选项
chosen.jquery.js .chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值,chosen 实现远程搜索加载下拉选项 chosen. ...
Ext JS - Combobox 加载下拉框数据级联下拉框
Combobox 加载下拉框数据点击下拉框,数据从后台加载,是很常见的需求.如下图: View 中下拉框 dockedItems : [ {dock : 'top',xtype : 'toolbar ...
jqgrid ajax reload,jqgrid“reloadGrid”动作后将数据重新加载到文本框
我使用模式表单来更新/创建我的记录"reloadGrid"方法使网格enter image description here能够从模式"save"bouton中 ...
Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...
bug说明: Mint-ui中loadmore(上拉加载下拉刷新)组件在使用fastclick的情况下 ,在ios设备中滑动会触发点击事件: 解决方法: 我是按需引入,去项目中找到loadmore ...
微信小程序：使用拖动（touchstart、touchmove、touchend）以及 scroll-view 实现下拉加载上一项导航，上拉加载下一导航功能；
页面大致页面布局  <view class="wrap"><view class=" ...
ionic上拉加载-下拉刷新
ionic上拉加载-下拉刷新 1.上拉加载 <ion-infinite-scroll on-infinite="loadOlderStories()" distance=&q ...
php mescroll,mescroll.js上拉加载下拉刷新组件使用详解
本文实例为大家分享了上拉加载下拉刷新组件mescroll.js的具体代码,供大家参考,具体内容如下使用注意事项: 1.引入的时候出问题及时看官方给出的解决方案(基本上都必须看): 2.react中一 ...
html下拉加载原理,GitHub - gavinjzx/wxPull: 原生JS实现微信公众号或网页使用下拉加载和上拉刷新...
原生JS实现微信公众号或网页使用下拉加载和上拉刷新微信浏览器打开网页显示网址安全信息解决办法,网上很多办法,也找了很久,但是最新的很多用不了. 先看看效果,是不是亲想要的,可以跳过,以免浪费宝贵时间 ...

ajax下拉搜索框,jQuery的带搜索过滤ajax加载下拉框插件

ajax下拉搜索框,jQuery的带搜索过滤ajax加载下拉框插件相关推荐

最新文章

热门文章