searchableselect插件选取标签后怎么select选中触发事件件

来源：蜘蛛抓取(WebSpider) 时间：2017-02-17 12:28 标签： select选择后触发事件
jQuery带搜索筛选功能的下拉框美化插件
作者/代码整理：&&(转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：
这是一款jQuery带搜索筛选功能的下拉框美化插件searchable，还包含有小小的动画效果，挺漂亮实用的一个美化下拉框效果。
$(function(){
$('select').searchableSelect();
猜你喜欢...带搜索框的jQuery下拉框美化插件 searchableSelect - 免费下载 - 素材家园
带搜索框的jQuery下拉框美化插件 searchableSelect
素材家园免费素材网(移动端)如何用js控制弹出select？
select样式太丑，我把它隐藏了，然后放一个假的（图片），用户点击后，手动弹出select的选项框。
但是select的click事件调用了，没有反应。
请问如何才能达到我所说的目的呢？
不知道移动端有什么区别。不要隐藏，而是把select设成透明，将图片所在元素定位到select的位置上。
--- 共有 1 条评论 ---
明白了 好方法！
就算是移动端，应该也有相关插件吧。南方网景是提供专业网站建设、手机开发、推广优化和软件定制的互联网解决方案综合服务商
select自定义样式插件selectize.js
添加时间：
点击数：1626
相关阅读: &&&&
Selectize.jsSelectize 是一个基于 jQuery 的 &select& UI 控件，对于标签选择和下拉列表功能非常有用。Selectize 的目标是通过简单而强大的 API 提供坚实可用的用户体验。主要特色：& & 简洁的 API，有详细的帮助文档；& & 支持智能排序和多属性搜索，甚至可以使用打分函数进行排序的；& & 支持键盘操作，对用户使用友好；& & 支持同时选择和删除多个项目；& & 支持远程数据加载，例如 Ajax 调用；使用示例：单选选择$('#select-beast').selectize({& & create: true,& & sortField: 'text'});多项选择$('#select-state').selectize({& & maxItems: 3});　FancySelectFancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择。FancySelect 使用方便，只要绑定页面上的任何 Select 元素，并调用就 .fancySelect() 就可以了。默认情况下，FancySelect 在移动设备上使用原生的选择功能和风格。使用示例：&select class=&basic&&& & &option value=&&&Select something…&/option&& & &option&Lorem&/option&& & &option&Ipsum&/option&& & &option&Dolor&/option&& & &option&Sit&/option&& & &option&Amet&/option&&/select&$('.basic').fancySelect();ChosenChosen 是最流行的 jQuery 选择功能插件，也是我最喜欢，最好用的一个！Chosen 可以帮助你轻松构建用户友好的漂亮选择功能，可以把多选转换为基于标签的输入域。特色功能：& & 用户友好的下拉选择功能，支持搜索；& & 基于标签的多项选择功能；& & 支持设置选中和无效选项；& & 支持修改和更新事件；使用示例：隐藏搜索的单选功能$(&.chosen-select&).chosen({disable_search_threshold: 10});设置多选的最大选择数$(&.chosen-select&).chosen({max_selected_options: 5});监听更新事件 $(&#form_field&).chosen().change( … );手动触发更新 $(&#form_field&).trigger(&chosen:updated&);　自定义宽度 $(&.chosen-select&).chosen({width: &95%&});DropKickDropKick 可以帮助你把已有的烦人的&&select&&列表转换为漂亮的，可定制的下拉菜单。使用示例：默认调用$('.default').dropkick();自定义更新事件$('.change').dropkick({& change: function (value, label) {& & alert('You picked: ' + label + ':' + value);& }});自定义皮肤$('.custom_theme').dropkick({& theme: 'black',& change: function (value, label) {& & $(this).dropkick('theme', value);& }});　ddSlick这款免费、轻量的 jQuery 选择功能插件让你可以轻松创建带有图片和描述的自定义下拉菜单。使用示例：使用 JSON 数据$('#demoBasic').ddslick({& & data: ddData,& & width: 300,& & imagePosition: &left&,& & selectText: &Select your favorite social network&,& & onSelected: function (data) {& & & & console.log(data);& & }});获取选中项$('#demoShowSelected').ddslick({& & data: ddData,& & selectText: &Select your favorite social network&,});$('#showSelectedData').on('click', function () {& & var ddData = $('#demoShowSelected').data('ddslick');& & displaySelectedData(&2: Getting Selected Dropdown Data& , ddData);});设置选中项$('#demoSetSelected').ddslick({& & data: ddData,& & selectText: &Select your favorite social network&});&$('#btnSetSelected').on('click', function () {& & var i = $('#setIndex').val();& & if(i &= 0 && i &5)& & & &$('#demoSetSelected').ddslick('select', {index: i });& & else& & & &$('#setIndexMsg').effect('highlight',2400);});
客服：020-
业务传真：020-

我要回帖

更多关于 select选择后触发事件 的文章

 

随机推荐