求助:select中的option的快速选择问题

wgimperial 2012-12-24 04:43:23
在jsp中,我有一个select的下拉列表,表中有多项option选项,如果选项内容分别为aaa,bbb,ccc,ddd这样的四个英文字母时,我在键盘上输入c时,select就自动选中了ccc,同理输入d时,就选中ddd。可是如果我的选项内容是中文的,也就是说,我的选项内容分别为:苹果(pg)、桔子(jz)、香蕉(xj)、葡萄(pt)等中文时,我想要的结果是输入xj,那么自动选择香蕉,输入pg时,选择苹果,可是当选项是中文时,输入是没有反应的,求助大神给个指导!感激不尽哈
...全文
259 14 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
吉普赛的歌 社区高级成员 T9 2012-12-26
  • 打赏
  • 举报
回复
引用 13 楼 chinaskysun 的回复:
引用 11 楼 yenange 的回复:autocomplete确实可以做到,但又失去了下拉的功能。 呵呵 http://jqueryui.com/autocomplete/#combobox
不错, 瘦教了……
吉普赛的歌 社区高级成员 T9 2012-12-25
  • 打赏
  • 举报
回复
对于select来说, 是有两个内容的, 一是值, 二是显示内容。 但autocomplete其实就是一个文本框, 只能保存一个内容而已。 <select > <option value='1' >苹果</option> <option value='2' >香蕉</option> </select>
吉普赛的歌 社区高级成员 T9 2012-12-25
  • 打赏
  • 举报
回复
autocomplete确实可以做到,但又失去了下拉的功能。 呵呵
wgimperial 2012-12-25
  • 打赏
  • 举报
回复
引用 6 楼 chinaskysun 的回复:
jquery ui Autocomplete 就是楼主你想要的 去看看参考一下吧。 http://jqueryui.com/autocomplete/
谢谢您的回复,我去试试
chinaskysun 2012-12-25
  • 打赏
  • 举报
回复
引用 11 楼 yenange 的回复:
autocomplete确实可以做到,但又失去了下拉的功能。 呵呵
http://jqueryui.com/autocomplete/#combobox
mingfish2 2012-12-25
  • 打赏
  • 举报
回复
jquery的autocomplete插件能做到
wgimperial 2012-12-25
  • 打赏
  • 举报
回复
引用 4 楼 seacean2000 的回复:
这个算是一个过滤吧,当框内内容发生变化是自动的对option做出过滤,符合条件的保留,可以显示,不符合条件的会不显示在option中。
谢谢您的回复,大概是这个意思,新手没什么经验,不知道该如何实现
wgimperial 2012-12-25
  • 打赏
  • 举报
回复
引用 3 楼 OpenGSC 的回复:
取决于你怎么设计, 比如你可以为每个option添加一个属性,这个属性的值可以是中文的简称 之后简单了,select好像有onchange事件吧。写个函数自己搜就ok了
首先谢谢您的回复,再请问下,这样的话,是不是需要这个select有一个可输入的输入框呢?还有就是具体的那个onchange事件的函数该怎么写呢?新人求教
chinaskysun 2012-12-24
  • 打赏
  • 举报
回复
jquery ui Autocomplete 就是楼主你想要的 去看看参考一下吧。 http://jqueryui.com/autocomplete/
bbjbepzz 2012-12-24
  • 打赏
  • 举报
回复
试下onkeyup事件,判断用户按下的字符。
  • 打赏
  • 举报
回复
这个算是一个过滤吧,当框内内容发生变化是自动的对option做出过滤,符合条件的保留,可以显示,不符合条件的会不显示在option中。
OpenGSC 2012-12-24
  • 打赏
  • 举报
回复
取决于你怎么设计, 比如你可以为每个option添加一个属性,这个属性的值可以是中文的简称 之后简单了,select好像有onchange事件吧。写个函数自己搜就ok了
fzfei2 2012-12-24
  • 打赏
  • 举报
回复
直接 select的下拉列表,好像不行的,要自己模拟一个可输入的下拉框 如果就单个字母定位,可以用 onkeyup事件来, 多个字母可以尝试加判断按键连续时间
wgimperial 2012-12-24
  • 打赏
  • 举报
回复
紧急求助,求有经验的朋友给个指导哈,自已先顶个
vf6.0,要考二级没系统的下哈 Microsoft Visual FoxPro 6.0 for Windows 的常见问题 这些是有关 Microsoft Visual FoxPro 最常见的问题。在您求助 Microsoft 产品支持服务之前,请先查阅这张列表。 若想打印这些附注,请从“文件”菜单选择“打印”命令。此文档分为以下四部分: --------------------------------------------------------------------- 部分 1. 技术支持与市场 部分 2. Visual FoxPro 6.0 新增功能 部分 3. 从其他版本的 FoxPro 和 Visual FoxPro 移植 部分 4. Visual FoxPro 常见问题 --------------------------------------------------------------------- 部分 1. 技术支持与市场 问题 1-1: 从何处可以获得产品的更新版本? 答案: 在 Visual FoxPro 的 Web 站点上即可获得产品的更新信息,其包括有关 Service Pack 和更新的示例、向导及其他代码的信息,该站点的网址为: www.microsoft.com/vfoxpro 请定期查看该网站,以便下载产品的最新版本。 问题 1-2: 从何处可以得到有关 Visual FoxPro 的详细资料? 答案: 通过 Microsoft Visual FoxPro Web 站点是随时获得各种最新产品发布信息的最佳途径。在此站点上不仅有新的产品公告,而且还提供了产品的更新信息、技术文章、白皮书、专业开发人员设计的优秀示例、会议公告、以及与其他许多 FoxPro web 站点的各种链接。 问题 1-3: 如何获得技术支持,以及如何报告软件错误? 答案: Microsoft Visual FoxPro Web 站点已经链接到了多种联机支持选项,其包括覆盖面广阔的有关所有产品 Microsoft Knowledge Base(Microsoft 知识库)。您还可以阅读一份有关常见问题的清单。除联机支持之外,还可以直接通过电话获得技术支持。“帮助”菜单的选项可列出技术支持的电话号码。这些电话号码也可用于报告产品的错误。 问题 1-4. 什么是 Knowledge Base?如何使用它? 答案: Knowledge Base 是内容广泛的论文集,覆盖了如何使用产品的各种特性、已知的软件错误及其解决方案或回避的方法、以及其他有助于使用各种 Microsoft 产品的有用信息。通过以下站点可访问整个 Knowledge Base: support.microsoft.com 问题 1-5: 是否会有 Visual FoxPro 6.0a? 答案: Microsoft 公司一向承诺为用户提供高质量的产品。如果确实需要,我们将提供 Visual FoxPro 6.0 的错误修订版。但是,修订版不会使用 6.0a 版的形式。Visual FoxPro 6.0 任何错误的修正都将包含在 Visual Studio Service Pack 。同时还会在 Visual FoxPro 的 www.microsoft.com/vfoxpro 或 Visual Studio 的www.microsoft.com/vstudio 的 Web 站点上发布修订公告。 问题 1-6: Microsoft 公司为应用程序的开发提供了一些优秀的解决方案。怎样才能知道应该向客户推荐和使用哪种产品? 答案: 在选择适用某项任务的产品时,需要考虑多方面的因素。Microsoft Visual FoxPro web 站点上有一份优秀的策略背景论文,它比较了 Visual FoxPro、Visual Basic、SQL Server 和 Access 等 Microsoft 产品之间的不同。 问题 1-7: 哪里可以找到 Visual FoxPro 的使用示例? 答案: Visual FoxPro 6.0 产品带有丰富的示例,其有一些是针对 6.0 版特有功能的新示例。与 Visual FoxPro 以前的版本不同,这些示例将与所有 Visual Studio 示例安装在一起。您必须运行 MSDN Library 的“自定义”安装来安装这些示例。在 Visual FoxPro 可使用新的 HOME(2) 函数方便地找到已安装示例的位置。 除了产品所自带的示例外,Microsoft Visual FoxPro web 站点还将经常提供新的示例。

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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