效果
html
<div>
<select id='searchSelect' ui-jq="chosen" class="form-control chosen-container chosen-container-single chosen-with-drop chosen-container-active" ng-model="item.idPatient" ng-change="checkUser()" ng-options="patient.id as patient.name for patient in patientList">
</select>
</div>
js
// 调整ui组件的行为,使之下拉出现搜索框
initSelectSearch()
function initSelectSearch() {
setTimeout(() => {
$('.chosen-search input').remove();
$('.chosen-search').html(`
<div class="input-group">
<input id='inputSearchValue' type="text" class="form-control" placeholder="搜索更多用户">
<span class="input-group-btn">
<button id='btnSearchValue' class="btn btn-default" type="button">搜索</button>
</span>
</div>
`)
$('#btnSearchValue').click(searchUser)
}, 1000);
}
// 搜索用户
async function searchUser(){
// 获取搜索关键字
const searchValue = $('#inputSearchValue').val()
/**** 此处写请求***********/
//请求到数据后,更新select的options
$("#searchSelect").trigger('chosen:updated');
$("#searchSelect").chosen();
}