JSはSelectプルダウンに入力機能を追加する

JavaScriptはparentNodeを使用します.nextSibling.valueが実現したこの機能は、実際にはWebページに2つのコントロール要素があることがわかります.1つはSelectで、1つはinputで、CSSを使ってinputをselectの上に上書きし、JSを使ってドロップダウンボックスの値をinputに割り当てます.実際にはinputでselectの機能をシミュレートしています.考え方が斬新で、どれだけの人がselectが文字を入力できる機能を必要としているのか分かりません.詳細な実装コードは、先端リソースの共有です.

<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>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">

 
この例では、CSSはinput入力ボックスの位置付けを実現し、JSはユーザが選択したSelectの値をinputに表示することを実現する.