html组合搜索,jquery搜索建议MagicSuggest（推荐）

jquery搜索建议MagicSuggest是一个高度灵活的自动提示组合框，支持多选，改变下拉内容渲染方式，仿谷歌搜索或百度搜索提示。

- 侧触发是可见的，选择的项目出现在组合本身。 - 建议将出现在用户开始输入 - 用户可以使用箭头键切换的建议 - 用户可以通过使用退格删除所选项目 - 用户可以按住Ctrl键选择多个项目 - 用户可以自由进入使用回车键 - 用户可以修改默认渲染方式

$('#ms-tpl').magicSuggest({

width: 590,

highlight: false,

data: [{

id: 0,

name: "Panda",

desc: "Pandas are great furry animals",

image: "images/panda.png"

},{

id: 1,

name: "Butterfly",

desc: "Butterflies fly better with theirs wings on",

image: "images/butterfly.png"

},{

id: 2,

name: "Dolphin",

desc: "Dolphins call themselves by name like we do",

image: "images/dolphin.png"

},{

id: 3,

name: "Elephant",

desc: "Elephants are pretty heavy animals",

image: "images/elephant.png"

},{

id: 4,

name: "Hippopotamus",

desc: "Not quite sure what these guys are here for",

image: "images/hippo.png"

},{

id: 5,

name: "Turtle",

desc: "Turtles can live up to 200 years",

image: "images/turtle.png"

}],

renderer: function(v){

return '

' +

'

' +

'

' +

'

' + v.name + '

' +

'

' + v.desc + '

' +

'

' +

'

}

});

相关链接