2年前写的js可输入可选的下拉框

文本框与选项列表交互设计

最新推荐文章于 2024-08-30 13:44:46 发布

原创最新推荐文章于 2024-08-30 13:44:46 发布 · 178 阅读

0 ·

CC 4.0 BY-SA版权

技术杂绘专栏收录该内容

20 篇文章

订阅专栏

本文探讨了一种新型的用户界面设计模式，该模式通过文本框与选项列表的交互来提升用户体验。具体实现了鼠标滚轮事件监听以及选项的自动选择等功能。

　　上海天津合肥广东杭州福建厦门辽宁黑龙江海南乌鲁木齐哈尔滨宁夏西藏河北河南辽宁安徽山西江西 sdsddsdsds sdsdsddsds sdsd
dssd dd dd32 dd44 hello world hello china hello bitch hello woman money love girl boy hell d = this.itemArray.length) { selectedIndex = this.itemArray.length - 1; } var txtDomInstance = document.getElementById(this.txtInstance.domInstan ceId); if(txtDomInstance) { txtDomInstance.value = this.itemArray[selectedIndex].text; if(this.selectedIndex >= 0 && this.selectedIndex 0) { this.optionList.SetSelectedIndex(this.optionList.G etSelectedIndex() + 1); } else { this.optionList.SetSelectedIndex(this.optionList.G etSelectedIndex() - 1); } }; if(document.body.addEventListener) { txtAutoSelect.addEventListener("DOMMouseScroll", txtAutoSelect.onmousewheel, false); } // 将文本框插入到select的位置 var parentNode = slt.parentNode; if(parentNode) { parentNode.insertBefore(txtAutoSelect, slt); } else { // } txtAutoSelect = null; // 创建OptionList对象 this.optionList = new OptionList(this); // 添加optionitem var itemCount = slt.options.length; for(var i = 0; i