首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js 搜索上拉框select并选中 移动目标option置顶的示例

2012-10-27 
js 搜索下拉框select并选中 移动目标option置顶的示例有时候,一个下拉框元素太多了就不方便选择了.可能你

js 搜索下拉框select并选中 移动目标option置顶的示例
有时候,一个下拉框元素太多了就不方便选择了.可能你也有同样的感慨,拉上来拉下去就是找不到要的选项.现在就来实现一个效果:js 搜索下拉框select并选中目标选项.

先上一个完整的示例,你自己另存为html就看得到效果的:



注意看js函数,searchByName(id,value) 表示为select的id和输入的欲搜索的字符串.
这个是一个通用的js,同一个页面可以重复使用,不过要改变其中select的id就可以了.你可以批量替换的.
<span id="cat_idspan">0</span> 这里的 cat_id 也表示select的id. 1 楼 waiting 2010-10-27   用jQuery.autocomplete插件吧, 官网上那个 combobox的示例。 或者到我博客里面找。

热点排行