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