可輸入的下拉框ComboBox(Select加Input)
使input組件的絕對(duì)位置覆蓋select組件的選擇框,當(dāng)select的狀態(tài)發(fā)生改變的時(shí)候,使用this.parentNode.nextSibling.value=this.value把select所選擇的值賦給input.
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>可輸入的下拉框</TITLE>
</HEAD>
<BODY >
<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 value="<option value="WEB開(kāi)發(fā)者"> WEB開(kāi)發(fā)者 </option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY></HTML>
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>可輸入的下拉框</TITLE>
</HEAD>
<BODY >
<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 value="<option value="WEB開(kāi)發(fā)者"> WEB開(kāi)發(fā)者 </option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY></HTML>
posted on 2011-05-29 16:39 胡鵬 閱讀(5094) 評(píng)論(2) 編輯 收藏 所屬分類(lèi): js,html,css