下拉框搜索 select2 的使用[转载]

原文地址:

https://m.imooc.com/article/14472

使用场景是:一个下拉框有太多值 需要搜索做匹配

  • 加载文件
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
  • html代码
<select name="hospital_id" id="searchHospital">
    <option value="0">请选择医院</option>
    <foreach name="hospitalData" item="list">
        <option value="{$list.hospital_id}" 
            <if condition="$_GET['hospital_id'] eq $list['hospital_id']">selected</if>>
        {$list.hospital_name}
        </option>
    </foreach>
</select>
  • js代码
<script>
    $(function(){
        $('#searchHospital').select2({
            placeholder: "Select a state"
        });
    });
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,860评论 25 708
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,003评论 3 119
  • 最初捧起这本书,不过是因为在朋友圈看到保罗.柯艾略的一句话,“人怎么会憎恶自己呢?可能是因为懦弱吧,或许因为永远害...
    谢赳赳阅读 1,072评论 0 6
  • 我: “卓,这个点了,睡觉吧!”卓“不不睡,我等哥哥,”我:“等哥哥干嘛,人家10点才放学”卓:“我等哥哥给我带好...
    书写布同阅读 197评论 0 0
  • 凌晨四点,还有十几分钟时间就到了,差一点点又是空斋了,吼吼,我这一天时间差乱七八糟的。早上一觉自然醒,起来后...
    春夏AI阅读 73评论 0 0