欢迎你访问我的个人网站:www.6ideas.cn,资料更丰富.

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

Posted on 2010-04-03 16:28  talantlee  阅读(952)  评论(0)    收藏  举报
用一个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框。
 }

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3