更多>
最新下载
Twitter Bootstrap表单验证
Twitter Bootstrap表单验证是一款基于jquery实现的网站注册表单验证代码下载。本作品由【站长素材】收集整理，转载请注明出处！
0
2026-01-22
门户网站jQuery相册代码
门户网站jQuery相册代码是一款自适应图片尺寸，带缩略图预览，支持方向键翻阅浏览图片，每张图片支持单独的文字描述，支持图集查看和图片列表查看，图片播放完毕后可提示是否重新播放。
0
2026-01-22
24小时阅读排行榜
- 1 如何在Golang Web中实现静态资源服务_静态文件处理方案
- 2 javascript怎样进行错误调试【教程】
- 3 如何在Golang中优化并发性能_Golang goroutine调度与资源管理方法
- 4 c++中如何防止头文件重复包含_c++ #ifndef与#pragma once区别【实例】
- 5 c++中如何判断一个数是否为丑数_c++丑数分解算法实现【详解】
- 6 Go 中变参函数不支持混合使用展开切片与普通参数的原理与解决方案
- 7 Golang make函数适用于哪些类型_make使用规则解析
- 8 如何在纯静态网站中统一管理多页面导航栏（无需 PHP）
- 9 javascript如何操作音频和视频？_探索javascript媒体编程【教程】
- 10 如何使用Golang构建工厂模式_Golang工厂模式创建对象示例
- 11 如何使用Golang测试日志输出_Golang log包单元测试方法
- 12 c++中如何实现单向循环链表_c++循环链表定义与操作汇总【汇总】
- 13 如何在Golang中创建TCP连接_Golang net包TCP客户端操作技巧
- 14 Golang如何实现错误重试机制_Golang函数调用失败重试策略
- 15 javascript为何要学习设计模式【教程】
更多>
最新教程
-
- Node.js 教程
- 15914 2025-08-28
-
- CSS3 教程
- 1545994 2025-08-27
-
- Rust 教程
- 23106 2025-08-27
-
- Vue 教程
- 25577 2025-08-22
-
- PostgreSQL 教程
- 22081 2025-08-21
-
- Git 教程
- 9085 2025-08-21
jQuery带搜索过滤ajax加载下拉框插件
这是一款支持选项搜索过滤和Ajax远程加载的select下拉选择框jQuery插件。
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>
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>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
