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

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

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

...全文

269 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 即可。 ...

我们知道，一般select下拉框是只能选择的，不能用来输入内容的。而有时我们会遇到下拉框中没有要选择的信息项或者下拉选项特别多时，我们可以让select变成text，允许用户输入想要的内容，同时还可以在输入的时候将包含关键字的项也列出来，供快速选择。查看演示下载源码本文将用实例和大家分享一款基于jQuery的下拉框插件，它允许用户输入内容，同时下拉选项中会及时匹配相关选项，支持键

为 el-select 添加 filterable 属性即可启用筛选功能。默认情况下，Select 会找出所有 label 属性包含输入值的选项。如果希望使用其他的搜索逻辑，可以通过传入一个 filter-method 来实现。 filter-method 为一个 Function，它会在输入值发生变化时调用，参数为当前输入值。 //官方代码： <template> <el-select v-model="value" filterable placeholder="Selec

如何实现select下拉框既可以模糊查询下拉框的值又可以手动自定义输入值 1.先在Ant Design vue自带的组件Select选择器中找到 show-search 属性，实现单选框可搜索功能。 2.再使用@search 获取到当前输入的Value值 3.最后再把获取到的Value值赋值给下拉框需要绑定的值就行了。（不赋值的话会接收不到自定义输入的数据而且离开焦点后自己输入的数据就会消失） ...

可以输入也可以下拉选择的select 我们知道，一般select下拉框是只能选择的，不能用来输入内容的。而有时我们会遇到下拉框中没有要选择的信息项或者下拉选项特别多时，我们可以让select变成text，允许用户输入想要的内容，同时还可以在输入的时候将包含关键字的项也列出来，供快速选择。查看演示下载源码本文将用实例和大家分享一款基于jQuery的下拉框插件，它允许用户输入内容，同时下拉选项中会及时匹配相关选项，支持键盘操作，还支持html选项内容，当然还能让下拉的过程带有动画效果。我们来看下如何使用。

87,907

社区成员

224,615

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章