首页 > 代码库 > input覆盖select实现select可写可选择

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;">                                <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.

input覆盖select实现select可写可选择