之前在專案中遇到這樣一個問題,就是需要在頁面上呈現可輸入的下拉框。
這樣的控件,如果是在WINDOWS上面開發的發,有直接的控件可以用,但是在WEB上面去沒有直接的控件讓我們來用。
找了一些方法,應該是可以達到這樣的效果的。
<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">
<option value=" football">足球</option>
<option value=" basketball"> 籃球</option>
<option value="badminton">羽毛球</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" οnchange="this.parentNode.nextSibling.value=this.value">
<option value=" football">足球</option>
<option value=" basketball"> 籃球</option>
<option value="badminton">羽毛球</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>