支持选择和输入的select下拉列表

关键字：支持选择和输入的select下拉列表


需求：有时下拉列表从数据库读取的，但是作为查询条件可能无法满足用户需求，必须要支持输入，客户需求就是上帝的需求嘛，附件是是一个完整的例子：具体代码如下：

<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="makeupCoSe" id="makeupCoSe" style="width:190px;height:20px;margin:-2px;" onChange="javascript:document.getElementById('makeupCo').value=document.getElementById('makeupCoSe').options[document.getElementById('makeupCoSe').selectedIndex].value;">
    <option id='1' value='java'>java</option>
    <option id='2' value='c++'>c++</option>
    <option id='3' value='python'>python</option>
    <OPTION id="99999" VALUE="" SELECTED>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
    <input type="text" name="makeupCo" id="makeupCo" value="请选择或输入" style="width:170px;height:15px;border:0pt;">
</span>







附件是完整的例子以及效果图，欢迎下载使用.....