1.需要引入5个文件
<script src="jquery.min.js" </script>
<script src="bootstrap.js" ></script>
<script src="bootstrap-select.min.js" data-exclude=1></script>
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="bootstrap-select.min.css">
2.在class中添加selectpicker
<body>
<select class="selectpicker show-tick" id="sxtSelect" data-live-search="true" style="width:200px;display: block;">
<option>全部</option>
</select>
<input type="button" id="bt"/>
</body>
<script>
$(function(){
$('#bt').click(function(){
debugger
$('#sxtSelect').append('<option>'+10+'<option>');//添加选项
$("#sxtSelect").selectpicker('refresh'); //需要刷新
})
})
</script>
3.选择值
$('#sxtSelect').selectpicker('val',("全部"));
4.获取值
$('#sxtSelect').val();
selectpicker
最新推荐文章于 2022-11-21 14:55:18 发布