有輸入功能的HTML下拉框

2021-04-12 18:10:29 字數 1338 閱讀 7076

<

div 

style

="position: absolute"

>

<

table 

cellspacing

=0 cellpadding

=0 border

=0>

<

tbody

>

<

tr>

<

td>

<

select 

name

="districtselect"

style

="left: 0px; top: 0px; width: 100px; clip: rect(0px auto auto 80px); position: absolute"

onchange

="document.getelementbyid('district').value=this.options[this.selectedindex].value"

>

<

option 

value

="yangpu"

selected

>

yangpu

option

>

<

option 

value

="hongkou"

>

hongkou

option

>

<

option 

value

="xuhui"

>

xuhui

option

>

<

option 

value

="pudong"

>

pudong

option

>

select

>

<

input 

id="district"

name

="district"

style

="left: 0px; top: 0px; width: 81px; position: absolute"

>

td>

tr>

tbody

>

table

>

div>

使用時,應該把上面包括div標籤在內的所有的**放到你想放置下拉框的地方。

事實上,這個下拉框是由乙個input和乙個select組成的,select只是提供選擇的內容,而實際的值是儲存在input中的,所以你應該取input值作為這個下拉框的最終值。

可輸入的下拉框

可輸入的下拉框 title head body divstyle position relative span style margin left 100px width 18px overflow hidden select style width 118px margin left 100px ...

可輸入的下拉框

可輸入的下拉框 title p head p body p p div style position relative p span style margin left 100px width 18px overflow hidden p select style width 118px margi...

可以輸入的下拉框

乙個既可以選擇又可以輸入的下拉框select,應該說已經有不少的人都寫過了,雖然簡單,但方法也不盡相同,適用性也有強有弱。之所以要寫這麼乙個東東,當然是因為有這個需求才寫的。在網上找了半天雖然也找到一些不錯的demo,但有的要麼太複雜了,有的要麼不夠完美,和我想要的總有那麼一點出入,所以只好自己寫乙...