javascript實作的一個帶有下拉框功能的文字方塊_javascript技巧
- WBOY原創
- 2016-05-16 16:49:161441瀏覽
有時我們需要一個可選的下拉框來選取內容，但是但是又有可以自訂輸入的需求。對於這種需求，網站大部分使用的都是一個下拉框和一個 input text ，並列或分行給予選擇。那麼，我們希望它看起來像一個可以輸入也可以選擇的下拉框，那該如何做呢？
其實我們可以透過 css position 定位及少許的 javascript 程式碼，模擬出來這種效果。
複製程式碼 程式碼如下:
<script><BR> var listName = document.getElementById('list-name-for-select');<BR> var listSelect = document.getElementById('list-select').onchange = function(e ) {<BR> console.log(this)<BR> if(this.value){<BR> listName.value = this.value ' | this.options[this.selectedIndex]. listName.value = ''<P> }<BR> };<BR> </script>
正文>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn