实用的 jQuery下拉选择框插件集合
jQuery是目前最受欢迎的JavaScript库，并且在全世界都已经被广泛应用。今天，小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件，这可以大大的简化开发人员的工作流程。诸如这些资源，都是为了方便Web开发人员能够快速的执行某些操作，从而提高工作效率。同时今天为各位展示的一些jQuery下拉选择框插件很有可能激发你的创造力，使你的工作技能达到一个全新的水平。那么，你还在等什么呢？
ddSlick是一款非常轻量的插件，能够帮助你实现自定义的下拉导航菜单效果。
在这里我们向大家展示更多的UI元素：一个搜索框过滤器和一个大的下拉菜单。我们将在这两种元素的效果中使用jQuery，同时还将使用大量的CSS3属性来创建一些灵活的细节。
wSelect是一种快速、轻量的jQuery插件。它可以实现完全可定制的和简洁的下拉选择框。下拉框中的项目都是基于div实现，所以内容可以采用HTML实现，比如为选项添加图标。
你是否已经厌倦了传统的下拉框？那么试试这个新的吧！JavaScript image combobox能够将传统select下拉框转换成可以为下拉选项添加图标的Image Combobox。
Simple chained combobox plugin是一个很简单的jQuery选项插件，通过JSON的加工和返回特点，提供连锁反应式的多重选择。
jQuery Selectbox plugin是一款基于jquery.selectbox实现的Select下拉列表美化插件。它可以自定义下拉列表的风格，允许你在Select的任何部位使用图片，营造出适合网页风格的Select下拉框。jquery.selectbox可以让你不使用html自带的select制作下拉列表，风格完全自定义。
jQuery Searchable DropDown Plugin可以将一个普通的下拉元素扩展成可搜索的部件。
Multiple Select是一个非常有用的jQuery插件，它允许在选择下拉列表中选择的多个元素。
Responsive & Cross Browser jQuery Dropdown Menu Plugin是jQuery扩展的插件，它能自动将一个多级下拉菜单变成一个可折叠的移动导航窗口。
这是一个非常实用且夸浏览器的jQuery插件，它能替代浏览器的默认多选择框。
MobiMenu是一个响应的移动菜单插件，能够创建一个多层次的顶部下拉导航和平滑滑动动画。
本站文章除注明转载外，均为本站原创或翻译
教你把百度的关键字搜索偷过来用用。
话不多说，先上效果图。
怎么样，是不是和在用百度一下时，关键字搜索补全一样一样的。
今天下午没什么事，打开百度首页的Newwork看了一下，发现我每次输入内容后，它都会把我们输入的内容发送到后台，后台返回这些关键字的联想条目，我们只需要把这些条目放到页面中，就可以实现上图所示的demo了。
下面我们就来看看怎么获取这些内容。
先打开百度首页，我是用的chrome浏览器，F12，选到Network（你可能发现Network中是空的，刷新一下页面就好了）：
看到一大堆请求过来的文件，下面我们要找到关键的文件，也就是我们输入时，百度返回的文件，最快速的方法就是输入一大堆的字母，这样可以很方便的找到,我输入了一大堆的ssssss…..：
看到这些返回的文件吗，wd=ssssssssssss….，我们随便双击一条，把弹出窗口中的Request URL里的网址复制下来，这个就是我们完成关键字搜索的请求路径。
我们可以把网址直接复制到浏览器地址栏，看看得到的是个什么东西:
点击展开
得到的数据是一个对象，不过对象被包裹在一个函数内，这个格式是不是很熟悉啊，对，就是jsonp！分析完这个数据格式，发现我们需要的是这个对象下的s数组里的数据，那我们就把s里的数据拿出来插入到页面中就行了，开始吧！
这段html代码很简单，引入了jQuery，一个输入框，一个承载返回内容的div，我么直接把script写在body的最下面，当我么输入时手指抬起，就去调用require函数，这个函数里就是我们的关键代码。（大家可以想想为什么要用onkeyup，这是个坑）
search
当require函数被触发时，执行以上代码，我们来分析一下上面的代码。
先获取到输入框的内容，再定义一个_url，把我们之前得到的url地址附给这个变量，但是注意要把关键字的值改成输入框内的值，这样才能动态获取，不然你一直都在请求一个固定的关键字（上面把_url中的search标红加粗了）。
准备工作做好，可以发起ajax请求了，因为是jsonp的格式，所以要设置dataType:\’jsonp\’，并告诉jQuery回调函数的名称，这个名称可以在浏览器中得到（之前在浏览器地址栏输入url，得到的数据被包含在一个函数里，这里的jsonpCallback就写那个函数的名称，每个人的都不一样）。
现在我们只需要把数据console.log出来，并解析到页面上，就可以实现文章开头的效果了，简单吧！(记得放在服务器环境运行哦！)下面附上源码：
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
