input覆蓋select實現select可寫可選擇

1.有時需要一個select選擇框，但是對select選擇框希望是既可以選擇也可以進行輸入。下邊的代碼就是在select選擇框上放了一個input框，覆蓋在select上面。實現偽裝的select效果。

<div style="position:relative;" class="col-xs-6">
                        <span style="margin-left:100px;width:18px;overflow:hidden;">
                            <select style="width:240px;margin-left:-115px;" onchange="$(this).parent().next().val($(this).val())"> 
<option value="-1">請選擇...</option><option value="1">南京第一站</option><option value="1">南京第而站</option><option value="1">南京第撒站</option></select></span><input type="text" style="width:220px;position:absolute;left:0px;" placeholder="請選擇："></div>

 

2.