select2 下拉搜索控件
2024-08-29 16:41:23
1.添加相应的script链接
jquery:
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
select2:
css:
js:
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script>
2.html页面添加select
<div class="select1">
<select class="mySelect">
<option>西瓜</option>
<option>苹果</option>
<option>香蕉</option>
<option>菠萝</option>
<option>桃子</option>
</select>
</div>
3.在页面添加script
<script>
$(function(){
$('.mySelect').select2({
placeholder: "--请选择--",
allowClear: true
});
})
</script>
最新文章
- JavaScript作用域和闭包
- No space left on device 解决Linux系统磁盘空间满的办法
- [程序猿入行必备]CSS样式之优先级
- poj2823
- myBatis性能优化【转】
- h.264参考图像列表、解码图像缓存
- inline-block样式间距
- 解决水晶报表在IIS7下的权限问题。
- on、where、having的区别(转载)
- java正則表達式的坑
- Java IO详解(六)------序列化与反序列化(对象流)
- Mybatis的resultType
- [物理学与PDEs]第2章习题8 一维定常粘性不可压缩流体的求解
- sqlserver2012 数据库差异备份恢复 记录
- 加密、签名和SSL握手机制细节
- [Ajax] 如何使用Ajax传递多个复选框的值
- 解决Ubuntu Chrome浏览器很卡不响应的问题
- ASP.NET Web API 异常处理 HttpResponseException 以及Angularjs获取异常信息并提示
- r语言 function 指定多个返回值
- vlc源码分析(四) 调用libts接收TS流