jQuery带搜索过滤ajax加载下拉框插件

js代码

<script src=\"js/jquery-1.11.0.min.js\" type=\"text/javascript\"></script>
<script src=\"js/tinyselect.js\"></script>
<script>
/* 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()

</script>