html（jsp）文件中input覆盖select标签实现可输入下拉框

需求：在前端页面（jsp文件）实现可输入下拉框

前端所需数据为一个List<Object>集合

后端通过model传入：

前端通过input覆盖select标签实现可输入下拉框：

<td class="width-15 active"><label class="pull-right">统一社会代码：</label></td>
      <td class="width-35">
         <div style="position:relative;">
            <span style="margin-left: 2px;position: absolute;">
            <select id="code" name="code" style="border: 1pt solid #c1c1c1;overflow: hidden;width:592px;height:35px;margin:-2px;" οnchange="inputCode();">
                  <option selected></option>
               <c:forEach items="${invoices}" var="item">
                  <option value="${item.socialCreditCode}">${item.socialCreditCode}</option>
               </c:forEach>
            </select>
            </span>

            <span style="margin-left: 2px;position: absolute;">
                    <input type="text" id="_input" name="_input1" class="required form-control" style="border: 1pt solid #c1c1c1;overflow: hidden;width:572px;height:30px;border:0pt;"/>
            </span>
         </div>

      </td>

<script>
    function inputCode(){    
                   document.getElementById('_input').value=
                    document.getElementById('code').
                     options[document.getElementById('code').
                      selectedIndex].value;
        }
</script>