当前位置：首页 >> 学院首页 >> 网页设计 >> JavaScript >>

模拟Select+Input组和效果，可选择也可输入

At: 2007-06-14 20:29 By: master8

原创代码，转载请注明来自http://www.master8.net

<span style="position:absolute;"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr><td align="left"> 
    <select name="selectmenu" style="position:absolute;top:0px; width: 110px; height: 0px; left: 0px; clip: rect(0 180 110 90) "  onChange="dmtxt.value=this.options[this.selectedIndex].value"> 
    <option value="">选择邮箱</option> 
    <option value="sina.com">sina.com</option> 
    <option value="sohu.com">sohu.com</option> 
    <option value="tom.com">tom.com</option> 
    <option value="126.com">126.com</option> 
    <option value="163.com">163.com</option> 
    <option value="yahoo.com.cn">yahoo.com.cn</option> 
    <option value="kingsoft.com">kingsoft.com</option> 
    </select> 
    <input name="dmtxt" type="text" value="" onMouseOver="this.select();this.focus();" style="position:absolute;top:0px; width: 95px; height:21px; left:0px;"> 
    </td> 
    </tr> 
    </table> 
    </span>

提示:您可以修改部分代码后再运行

分类:JavaScript

阅读:313

评论:0

论坛精华

网站运营

站长学院

文章订阅

九州未来科技提供服务器支持 | 网站空间 | 虚拟主机