求助: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时,选择苹果,可是当选项是中文时,输入是没有反应的,求助大神给个指导!感激不尽哈
...全文
225 14 打赏 收藏 转发到动态 举报
写回复
用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
  • 打赏
  • 举报
回复
紧急求助,求有经验的朋友给个指导哈,自已先顶个

87,922

社区成员

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

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