Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

select 选择框,希望将创建的 option 元素移动到 option 列表的顶部,并且支持默认选中第一个 option 的功能 #1874

Closed
4 tasks done
aimu2000 opened this issue May 8, 2024 · 6 comments
Labels
enhancement 改进或增强

Comments

@aimu2000
Copy link

aimu2000 commented May 8, 2024

议题条件

  • 我确认已查看官方使用文档:https://layui.dev ,但没有找到相关解决方案。
  • 我确认已在 Issues 中搜索过类似的问题,但没有找到相关解决方案。
  • 我已仔细阅读: 🍀 Layui Issue 贡献指南

议题类型

功能请求

使用版本

V2.9.9

问题描述

select 选择框 lay-creatable 输入的自定义信息要到下拉选择才生效 希望回车直接匹配!本身自定义的就没有,还要去选择.

[LSL1618]
这很正常嘛,你不选怎么知道创建的选项就是想要的,输入时打字也有回车,无法区分回车是打字还是选择创建的选项。

用拼音首字母非常有用。打字按的是空格。想用回车行不。或能选择

业务代码

lay-search="" lay-creatable=""

截图补充

No response

浏览器

CH

演示地址

No response

友好承诺

  • 我承诺将本着相互尊重、理解和友善的态度进行交流,共同维护 Layui 良好的社区氛围。
@aimu2000
Copy link
Author

aimu2000 commented May 8, 2024

创建的选项就一个.本身就不存在.不是想要的,清空还是可以输入啊.

@Sight-wcg
Copy link
Collaborator

不会支持 “回车直接匹配”,因为这不是合理的需求。

你可以监听输入框的 input 事件,输入时操作 DOM 将选中项改为新创建的选项,这样按下回车键时就可以选中。

后续看看能不能把创建的选项移动到顶部,改善使用体验,如果实现麻烦的话就不做了。

@Sight-wcg Sight-wcg closed this as not planned Won't fix, can't repro, duplicate, stale May 8, 2024
@aimu2000
Copy link
Author

aimu2000 commented May 8, 2024

可能还是我没有说清楚.

列表框本身有选项,但是需求就是有时需要自己输入一些列表没有的值.

输入的值本身就是列表里面没有的! 只有输入的那条数据.
就是想省些步骤,直接输入数据后按回车就解决,

现在的操作输入完要用手移动到鼠标上去点一下

输入完直接按回车肯定要更方便而已

现在按回车直接把下拉框收了并不选择任何数据, 做成 取最上面那条数据也行啊!

@Sight-wcg Sight-wcg reopened this May 8, 2024
@Sight-wcg Sight-wcg added the enhancement 改进或增强 label May 8, 2024
@Sight-wcg Sight-wcg changed the title select 选择框 lay-creatable 输入的自定义信息要到下拉选择才生效 希望回车直接匹配!本身自定义的就没有,还要去选择. select 选择框,希望将创建的 option 元素移动到 option 列表的顶部,并且支持默认选中第一个 option 的功能 May 8, 2024
@aimu2000 aimu2000 changed the title select 选择框,希望将创建的 option 元素移动到 option 列表的顶部,并且支持默认选中第一个 option 的功能 select 选择框,希望将创建的 option 元素移动到 option 列表的顶部,并且支持默认选中第一个 option 的功能,并支持拼音首字母匹配搜索 May 11, 2024
@Sight-wcg Sight-wcg changed the title select 选择框,希望将创建的 option 元素移动到 option 列表的顶部,并且支持默认选中第一个 option 的功能,并支持拼音首字母匹配搜索 select 选择框,希望将创建的 option 元素移动到 option 列表的顶部,并且支持默认选中第一个 option 的功能 May 11, 2024
@aimu2000
Copy link
Author

aimu2000 commented May 14, 2024

并支持拼音首字母匹配搜索

输入框 内容是中文, 能用 英文首字母匹配 这功能增强难道不好用吗

@Sight-wcg
Copy link
Collaborator

Sight-wcg commented May 17, 2024

不会支持 “回车直接匹配”,因为这不是合理的需求。

你可以监听输入框的 input 事件,输入时操作 DOM 将选中项改为新创建的选项,这样按下回车键时就可以选中。

后续看看能不能把创建的选项移动到顶部,改善使用体验,如果实现麻烦的话就不做了。

尝试做了个 POC,因为要处理 placeholder 和搜索,边缘情况有点多,实现起来比较麻烦。

点一下鼠标或者多按一次方向键也不困难,所以这个需求暂时不做了。

@Sight-wcg Sight-wcg closed this as not planned Won't fix, can't repro, duplicate, stale May 17, 2024
@aimu2000
Copy link
Author

LAYUI 的插件库里面,有人发布过这个功能! 只是非官方的.

还可以搜索拼音首字母

不知道可不可以监听回车键 JQ 实现! 我去试一下

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement 改进或增强
Projects
None yet
Development

No branches or pull requests

2 participants