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.