首頁 > web前端 > js教程 > javascript實作的一個帶有下拉框功能的文字方塊_javascript技巧

javascript實作的一個帶有下拉框功能的文字方塊_javascript技巧

WBOY
發布: 2016-05-16 16:49:16
原創
1511 人瀏覽過

有時我們需要一個可選的下拉框來選取內容,但是但是又有可以自訂輸入的需求。對於這種需求,網站大部分使用的都是一個下拉框和一個 input text ,並列或分行給予選擇。那麼,我們希望它看起來像一個可以輸入也可以選擇的下拉框,那該如何做呢?

其實我們可以透過 css position 定位及少許的 javascript 程式碼,模擬出來這種效果。

複製程式碼 程式碼如下:




 可编辑可选择的下拉框