您的位置:首页 > 其它

如何令web中的Select中实现Combox效果

2010-04-03 16:28 330 查看
用一个Input框+一个Select框实现。
直接把下面的代码copy到你的web层看效果。

<span style="WIDTH: 48px; POSITION: relative">
<SELECT onChange="comboChange(this)" style="MARGIN-TOP: 1px; FONT-WEIGHT: bold; LEFT: 0px; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 98%; CLIP: rect(auto auto auto 29px); POSITION: absolute; TOP: 0px; HEIGHT: 20px" size="1" Columns="12"> <option value="160" > 160 </option> </SELECT>
<input type="text" name="txtheaderwidth" onpaste="return false;" onKeyPress="return myKeyPress();" maxlength="3" style="FONT-WEIGHT: bold; Z-INDEX: 200; LEFT: 0px; VISIBILITY: visible; WIDTH: 31px; POSITION: relative; TOP: 0px; HEIGHT: 20px">
</span>

function comboChange(obj)
{
obj.parentNode.childNodes[2].value=obj.value;//将Select框选中的值赋予Input框。
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: