求解：select选择框的搜索功能

liuf_fenfangjiemei 2012-02-09 10:35:41

我知道如果select列表里是英文或数字，在select框中输入寻找的信息，是可以自动搜索的。
而中文却不行，求select框搜索中文的功能。

...全文

514 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

liuf_fenfangjiemei 2012-02-27

打赏
举报

http://www.aqee.net/docs/Chosen/Chosen.htm
呵呵，掌柜的表示可行，试下这个模拟select插件先。

MrChapter 2012-02-18

打赏
举报

一般碰到这样的问题都需要用拼音辅助，例如 BJ-北京，CS-长沙,SH-上海,SZ-深圳

liuf_fenfangjiemei 2012-02-14

打赏
举报

[Quote=引用 6 楼 liuf_fenfangjiemei 的回复:]

同我发布的这个帖子是一起的。
http://topic.csdn.net/u/20120209/10/ed5658c6-3d97-41c7-816f-c1a8c0198b02.html
目前是可以搜索到某个选项，但没有展开select下拉列表，用户体验不好。如果能够在搜索的时候，直接展开定位到那个选项，这样就一目了然了。
[/Quote]

liuf_fenfangjiemei 2012-02-14

打赏
举报

同我发布的这个帖子是一起的。
http://topic.csdn.net/u/20120209/10/ed5658c6-3d97-41c7-816f-c1a8c0198b02.html
目前是可以搜索到某个选项，但没有展开select下拉列表，用户体验不好。如果能够在搜索的时候，直接展开定位到那个选项，这样就一目了然了。

liuf_fenfangjiemei 2012-02-09

打赏
举报

什么乱码？什么编码问题呀？
偶不是很懂，能说清楚点吗？

rasracter 2012-02-09

打赏
举报

编码问题？

liuf_fenfangjiemei 2012-02-09

打赏
举报

我是这样做的：
1、在select框的上面覆盖一个可输入的文本框，给予onkeyup()事件调用selectOne()方法。
2、selectOne()方法如下：

function selectOne(myselectid,keywords)//参数myselectid是select的id，参数keywords输入的keyword
{
keywords=keywords.replace(/ /g,"") //去掉空格
var myselect=document.getElementById(myselectid) //得到select对象
for(i=0;i<myselect.length;i++)// 循环option
{
if(myselect.options[i].text.indexOf(keywords)!=-1) //判断option的text是否包含keyword
{
myselect.options[i].selected=true;//选中
break;
}
else
{
myselect.options[i].selected=false; //不包含keywords的取消选中
}
}
}

liuf_fenfangjiemei 2012-02-09