怎样实现：一个可输入（查找）的select ？？？

猛将 2004-10-25 10:47:40

我需要一个可以输入的select，并且在输入的时候，实时出现最匹配的已有选项？？？
（其实我最主要的是需要这个查询功能，因为我的select中项目太多，一个个找很不现实，能输入查找就太方便了！）
有高手能实现吗？感觉这是一个很实用的东西，有没有现成的code ？？？

...全文

292 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

sportdog 2004-11-26

打赏
举报

回复

textbox+button+div就可以了！

JK_10000 2004-11-26

打赏
举报

回复

刚写好两个：

1.可输入下拉框(20041126)(相似高亮显示，不相似移除)
http://jkisjk.vip.sina.com/html/EditableSelect1.htm

2.可输入下拉框(20041126)(相似高亮显示，不相似不移除)
http://jkisjk.vip.sina.com/html/EditableSelect２.htm

ttyp 2004-10-25

打赏
举报

回复

http://brook.mblogger.cn/posts/9023.aspx

DeltaCat 2004-10-25

打赏
举报

回复

用层来模拟
http://fason.nease.net/

如下图，这是一个layui的下拉列表select，随着下拉数据越来越多，我们找某个选项就比较吃力了。这是原下拉列表的代码(数据是从后台传来的)：为了解决这个问题，我们可以将select改为可以筛选的格式，如下图。具体如何操作？其实很简单，在原select元素中加入 lay-search 即可。在选择完或者输入完成某些内容之后，不用点击确认或者提交按钮便可提交表单展示数据 ...

如下图，这是一个layui的下拉列表select，随着下拉数据越来越多，我们找某个选项就比较吃力了。这是原下拉列表的代码（数据是从后台传来的）：为了解决这个问题，我们可以将select改为可以筛选的格式，如下图。具体如何操作？其实很简单，在原select元素中加入 lay-search 即可。 ...

【流程】：（1）读取目标数据，如果是多个，需要多次读取；（2）对数据进行分组，放入特定分组数据结构；（3）各分组，做相应设置；（4）数据组装到 el-select 控件；（5）点击选项，跳转到相应位置。现将关键代码及结构附于下方： 1. 分组数据结构示例：（1）标准结构示例：（2）项目数据结构示例： 2. 封装 el-select 成组件： 3. javascript 和 css 【效果图】：分组展示选项【项目实际效果】：便捷简洁的企业官网

def?????links?????for?link?in?links:????????try:????????????????????except?KeyError:????????????print("No?href?attribute?found?for?this?tag")这个函数查找HTML文档中所有的标签，并尝试打印出每个链接的href属性。如果某个标签没有href属性，则会捕获KeyError异常并打印一条消息。

有两种实现方式实现方式一：input和select重叠 <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>js实现可输入的下拉框</TITLE> </HEAD> <BODY> &l...

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章