下拉框

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：DW   CSS和JS

作者：袁志彤

撰写时间：2019-06-07

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下拉框这东西我用的很多，也比较熟悉，然而我在翻看layui文档的时候，发现了一些不常用到，却非常有用的，我竟然都没有用过这些下拉框，也不知道下拉框有这些功能。

 

通常我都是会给下拉框一个请选择占个坑，因为不给请选择就默认选择第一个选项，所以需要给个请选择占个坑，其实下拉框还可以指定默认值，而且下拉框还可以有禁用效果，我只知道按钮和文本框可以禁用，没想过下拉框也可以

 

 

加个disabled就是禁用效果，加个selected就是设置为默认，本来页面一刷新，显示的应该是北京，但是我给杭州加了个默认后，页面一刷新默认显示的就是杭州了。

 

 

不仅如此，下拉框还可以分组，分组是通过一个optgroup标签来分组的，这样区分，更便于查找，而且代码看起来更美观。

 

 

还有一个我认为是最有用的，就是可以查询的下拉框，下拉框最怕的是什么？是选项太多了，找不到自己要选择的选项，如果可以搜索，那就完美了。

 

要做这个带搜索功能的下拉框，有点儿麻烦，需要用到layui插件中的lay-search属性，只要给下拉框加上这个属性，就可以让下拉框有搜索功能

因为下拉框是表单组件，所以需要加载form模块才能使用，而且下拉框必须写在form标签里才行。