如何令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框。
}
直接把下面的代码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框。
}
相关文章推荐
- 如何通过jQuery实现select下拉框的联动效果
- Web_PHP_DedeCMS_如何配合php标签实现分页效果?!
- [Web]如何实现 Div 的 伸 缩 动 态 效果
- 如何实现select前台效果
- 如何OE开发中实现一个在web开发中的小效果
- iOS 如何实现模糊效果
- Linux集群服务知识点总结及通过案例介绍如何实现高性能web服务
- 用DIV+CSS如何实现这种表格效果
- 如何利用云计算技术来实现基于Web的Client-Sever系统的non-stop Sever(灾难恢复)
- 如何实现TextView的Marquee效果
- input/select/textarea标签的readonly效果实现
- Rails中select2 实现多选框的效果
- Unity3D如何使用脚本实现跳跃的效果
- js实现select选择框效果及美化
- 【转】unity5 animation 如何实现pingpong效果
- APK瘦身记,如何实现高达53%的压缩效果
- 关于表单用js如何实现占位符placeholder的效果
- APK瘦身记,如何实现高达53%的压缩效果
- 样式篇之如何实现合并单元格效果
- activitygroup 切换动画效果如何实现