ajax 搜索框,ajax加载下拉框搜索框

【实例简介】

【实例截图】

【核心代码】

带搜索过滤ajax加载下拉框代码 - 站长素材

这个例子使用静态的选项数据

option a

option b

option c

option d

option e

option f

option g

option h

这个例子不提供搜索过滤功能

option a

option b

option c

option d

option e

option f

option g

option h

这个例子从file.json加载数据。不带初始选项。带搜索过滤功能。

---

这个例子从file.json加载数据。带初始选项。不带搜索过滤功能。

abc

Note: 插件在json数据格式不正确时会得到错误的结果。

---

/* This parser won't respect "---" selection */

function dataParserA(data, selected) {

retval = [ { val: "-1" , text: "---" } ];

data.forEach(function(v){

if(selected == "-1" && v.val == 3)

v.selected = true;

retval.push(v);

});

return retval;

}

/* This parser let's the component to handle selection */

function dataParserB(data, selected) {

retval = [ { val: "-1" , text: "---" } ];

data.forEach(function(v){ retval.push(v); });

return retval;

}

/* Create select elements */

$("#select1").tinyselect();

$("#select2").tinyselect({ showSearch: false });

$("#select3").tinyselect({ dataUrl: "file.json" , dataParser: dataParserA });

$("#select4").tinyselect({ dataUrl: "failure.json" });

$("#select5").tinyselect({ dataUrl: "file.json" , dataParser: dataParserB });

$("#select2").on("change",function() {

console.log($(this).val());

});

$("#havoc").show()

适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源：站长素材