更多>
最新下载
jQuery自动填充表单功能代码
jQuery自动填充表单功能代码是一款利用jQueryUI的autocomplate工具实现表单的自动填充功能，数据可通过ajax从后台获取，或者从文本文件中获取都可。
0
2026-01-28
24小时阅读排行榜
- 1 css属性如何控制列表样式_通过列表属性美化列表结构
- 2 php微信小程序数据缓存怎么弄_php配合缓存提升性能【技巧】
- 3 标题：WebView 中实现无需用户手势的持续视频流播放（Android）
- 4 php判断字符串长度含零宽字符_php零宽字符处理法【步骤】
- 5 css伪类:active在移动端点击不生效怎么办_通过触控事件和状态匹配实现反馈
- 6 计算每个用户在指定日期前3个月内的累计出现次数（向量化实现）
- 7 javascript中this是什么_它的绑定规则如何确定【教程】
- 8 如何正确从 Firebase Cloud Firestore 获取文档字段数据
- 9 如何在 React 视频画廊中正确响应式控制视频控件与播放按钮显隐
- 10 mysql备份还原失败怎么解决_mysql恢复异常说明
- 11 Vue 3 中实现多个可复用模态框实例的组合式函数最佳实践
- 12 css grid溢出滚动条不显示怎么办_使用overflow属性控制
- 13 如何在纯 HTML 中通过内联 CSS 实现响应式图片切换
- 14 gRPC如何流式上传XML数据 客户端与服务器流的区别
- 15 Go中DDD是否属于设计模式_Go领域驱动设计实践思考
更多>
最新教程
-
- Node.js 教程
- 16327 2025-08-28
-
- CSS3 教程
- 1547030 2025-08-27
-
- Rust 教程
- 23445 2025-08-27
-
- Vue 教程
- 25875 2025-08-22
-
- PostgreSQL 教程
- 22378 2025-08-21
-
- Git 教程
- 9326 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
