https://github.com/lzwme/bootstrap-suggest-plugin
<!-- SUGGEST PLUGINS --> <script src="$STATIC_DOMAIN/ddshow/admin/plugins/bootstrap-suggest.js" type="text/javascript"></script>
<div class="controls"> <div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" id="test" name="channelName" value="$!channelName" > <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu-right" role="menu"> </ul> </div> <!-- /btn-group --> </div> </div> ##<input type="hidden" class="form-control" id="positionId" name="positionId" value="$!{positionId}" > <div class="col-lg-3"> <button type="submit" class="btn" id="dds-admin-submit">查询</button> </div> </div>
<script type="text/javascript"> var testBsSuggest = $("#test").bsSuggest({ //url: "/rest/sys/getuserlist?keyword=", url: "/houtai/common/cps/all_position?keyword=", effectiveFields: ["positionName"], /*effectiveFields: ["userName", "shortAccount"], searchFields: [ "shortAccount"], effectiveFieldsAlias:{userName: "姓名"},*/ idField: "id", keyField: "positionName" }).on('onDataRequestSuccess', function (e, result) { console.log('onDataRequestSuccess: ', result); }).on('onSetSelectValue', function (e, keyword) { //$('#positionId').val(keyword.id); console.log('onSetSelectValue: ', keyword); }).on('onUnsetSelectValue', function (e) { console.log("onUnsetSelectValue"); }); </script>