select2使用

Posted 2020-12-25 marco123

<div>
　　<select id="hotel" name="hid" data-placeholder="酒店名称" class="select">
　　　　<option value="">请选择酒店</option>
　　　　<foreach name="hotel" item="list">
　　　　<option value="{$list[‘id‘]}">{$list[‘title‘]}</option>//遍历数据
　　　　</foreach>
　　　</select>           
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-theme/0.1.0-beta.10/select2-bootstrap.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script type="text/javascript">
　　$(function(){
　　　　$(‘#hotel‘).select2();
　　　　$(‘#hotel‘).val(‘{$hid|default=""}‘).trigger(‘change‘);//设置默认值
 　　});
</script>   
</div>