CSS+DIVプルダウン入力メニュー

772 ワード

実装原理:div加onchangeイベント
<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">
		<option value="  ">   </option>
		<option value="  ">    </option>
		<option value="  ">    </option>
		<option value="  ">    </option>
		<option value="  ">    </option>
		<option value="  ">    </option>
	</select>
	</span>
	<input name="box" style="width:100px;position:absolute;left:0px;">
</div>