input 配合 select 控件实现搜索功能

一 需求

select 控件实现从30万家医院中选择指定医院。如果单独使用 select 控件，会产生性能问题，会使得前端页面选择卡顿，服务器压力增加，因为需要查出30万条数据，因此需要其他控件配合使用。

方案一

采用省、市、区级联选择的方式选择出指定医院，采用该方案的缺点是： 如果不知道该医院所在的省市区，将无从选择。

方案二

使用一个 input 输入框，用来输入关键字，通过模糊查询，筛选出少量医院，从而完成医院选择。

二 核心代码

1 HTML部分

<div class="form-group pull-left" style="margin-left:15px;margin-top: 10px;">
    <input type="text" class="form-control input-sm" style="width:100px"
           id="objectKey" name="objectKey" placeholder="搜索条件">
</div>

<div class="form-group pull-left" style="margin-left:15px;margin-top: 10px;">
    <select id="visitDataId" name="visitDataId" style="