JSP学习之路(一):JSP可输入下拉框编写代码

this.parentNode.nextSibling.value:<select>的父节点即<span>的兄弟节点<INPUT>。
this.value :去父节点中的值。
position:absolute:设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠
代码:
<div style="position:relative;">
       <span style="margin-left:100px;width:18px;overflow:hidden;">
        <select  style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
        <div style="display:none;">        
         <option value="1">1        </option>
         <option value="2"> 2         </option>     
         <option value="3"> 3      </option>
        </div>
        </select></span><input  style="width:100px;position:absolute;left:0px;" >
       </div>
PS:本文是作者在学习开发过程中碰到的问题,通过资料或者网上得出的解决方案进行分享。

没有更多推荐了,返回首页