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" οnchange="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：本文是作者在学习开发过程中碰到的问题，通过资料或者网上得出的解决方案进行分享。