读书人

JS实现上可输入拉选框

发布时间: 2012-11-23 00:03:29 作者: rapoo

JS实现下可输入拉选框

?

?

直接附上代码

?

<script language="javascript">    function changeF()    {       document.getElementById('makeupCo').value=       document.getElementById('makeupCoSe').options[document.getElementById('makeupCoSe').selectedIndex].value;    }</script><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="changeF();">    <option id='1' value='test1'>test1</option>    <option id='2' value='test2'>test2</option>    <option id='3' value='test3'>test3</option></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>
?

?

读书人网 >JavaScript

热点推荐