使用JQUERY的flexselect插件来实现将SELECT下拉菜单变成自动补全输入框
本文共 582 字，大约阅读时间需要 1 分钟。
这也是下拉列表太长了之后，使用的同事提出来的意见，
然后，本来开始想将DJANGO的那个后台下拉菜单移植过来的，但发现不现实，也麻烦，
就找了几个JQUERY的插件测试了一下，最后选中了flexselect。
基本操作如下：
1，基本的JS,和CSS包含：
2，在django的forms.py里放入相关的class：
server_ip = forms.ModelChoiceField( required=False, queryset=Server.objects.all(), initial='', widget=forms.Select( attrs={ 'data-placeholder': 'Start typing a ip address', 'class': 'uk-width-1-4 flexselect', } ), ) 3，在相关模板里启动类的执行：
$("select[class*=flexselect]").flexselect({ hideDropdownOnEmptyInput: false }); 4，GOGOGOGOGOOG：
转载地址：http://lofsa.baihongyu.com/
你可能感兴趣的文章
blocked java_使用jstack排查多线程死锁、阻塞
查看>>
centos7 nohup无法保持_CentOS 不间断会话（ssh关闭后如何保证程序继续运行）（nohup和screen）...
查看>>
显示图片java代码_用于显示下载或是显示图片的一段代码
查看>>
java scrip_js java scrip基本语法
查看>>
java 加上天数_java日期时间加上天数 | 学步园
查看>>
java 爬楼梯算法_9.1 爬楼梯
查看>>
java多态 动态绑定_Java JVM 多态(动态绑定)
查看>>
jpa 去重_JPA 查询Distinct Join条件示例
查看>>
mysql date 索引性能_【转】MYSQL数据库时间字段INT,TIMESTAMP,DATETIME性能效率比较
查看>>
java 加密解密算法_用JAVA设计一个简单的加密、解密算法，用该算法来实现对数据的加密、解密...
查看>>
java 窗口最小化_Java使窗口最小化为图标
查看>>
hessian java php_hessian在PHP中的使用
查看>>
虚幻4能用java吗_如果用虚幻四引擎开发我的世界而非java 它会比现在取得更好的成绩吗？...
查看>>
JAVA常见告警怎么解决_JAVA 线上故障排查全套路
查看>>
java协程和线程_Kotlin中的线程和协程之间的区别
查看>>
微信开放平台授权java_解决微信等开放平台授权域名只能配置一个的问题
查看>>
mysql 去除a标签_CSS去除手机移动端链接标签a点击所带的背景颜色样式
查看>>
datagrid排序 java_easyUI 自定义排序datagrid
查看>>
sine之舞 java_JAVA程序实例：Sine之舞的游戏之Java版
查看>>
java实现建权授权_JAVA项目实现授权 (一)-Go语言中文社区
查看>>