前端之家收集整理的这篇文章主要介绍了
js实现可输入可选择的select下拉框,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例为大家分享了可输入可选择的select下拉框,供大家参考,具体内容如下
1、原理:
1.1将input输入框和select框合并在一起,但是显示出向下点击的按钮:
这种比较容易做到
1.2出现输入值能够自动匹配的功能
动态的加载一个临时的div出现在该input下方,当点击页面中的空白地方,div隐藏。
1.3代码:
<
Meta charset="UTF-8">
<
Meta name="Generator" content="EditPlus®">
<
Meta name="Author" content="">
<
Meta name="Keywords" content="">
<
Meta name="Description" content="">
Document
<font color="red" size="2px">* <font size="2px">输入格式:代码&&名称