乙個既可以選擇又可以輸入的下拉框select，應該說已經有不少的人都寫過了，雖然簡單，但方法也不盡相同，適用性也有強有弱。
之所以要寫這麼乙個東東，當然是因為有這個需求才寫的。在網上找了半天雖然也找到一些不錯的demo，但有的要麼太複雜了，有的要麼不夠完美，和我想要的總有那麼一點出入，所以只好自己寫乙個了。
由於是要讓select變得可以輸入，很簡單的就會讓我們想到在其上覆蓋乙個input輸入框。讓其只遮住select的左半部分，右邊的選擇按鈕仍留在外，這樣就會變得可以輸入了。按照這個想法，乙個demo很快就出來的，一路測試，幾乎適用於我機器上的所有瀏覽器，但最後卻栽在了ie6及以下瀏覽器的手裡 - -!
事情總是不那麼喜歡順著你的思維去發展，我們大家或許都知道select和iframe等這樣的東東在ie6及以下瀏覽器中的層次是非常高的。它們不允許有其它的東西來搶它們的風光，於是所有想遮住它們「絕世容顏」的「刺客」最後都會被它們鎮壓在身下。可憐的input也難逃此劫。
既然這種方法的適用性還不夠完美，那麼就換乙個思路。反正只要將select左邊的那個框框變成可輸入就行。既然遮也遮不住，那剪掉總該行了吧。
有了思路，做起事情來就非常順手，很快又以個demo也出來了，這回ie6及以下瀏覽器也老實了，乖乖束手。
xhtml 部分：
">
">
css部分：
form,p
form
.dys
.dys select
.dyw
.dyw input \"";
voice-family:inherit;
width:110px;
#width:107px;
}當然，這裡還可以使用clip來裁剪select，不過我沒有去做這個demo，有興趣的朋友可以直接的試試，思路基本類似。
可輸入的下拉框
可輸入的下拉框 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...
可輸入的下拉框
一 碎碎念 是我的第一篇博文，事實上我的草稿箱裡不止這一篇。技術方面對自己沒什麼信心，總想反覆推敲將所有的問題考慮到再發表，可是所謂的 所有問題 總是那麼多 又沒有誰規定一定不能犯錯 寫的好方便大家學習交流，寫的不好也請大家多多提意見，共同學習 go 二 製作乙個可輸入又可選擇的下拉框 解題思路 1...