小菜毛毛技术分享

与大家共同成长
  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  164 Posts :: 141 Stories :: 94 Comments :: 0 Trackbacks
使得select选择框也可以输入

<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='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>
posted on 2009-10-12 09:53 小菜毛毛 阅读(737) 评论(0)  编辑  收藏 所属分类: HTML+div+css实践

只有注册用户登录后才能发表评论。
网站导航: