常用的js 总结
1、点击一个按钮,跳转到新页面
1 2 3 | $( "#btnCancel" ).click( function (){ location.href= "${ctx}/engine/formula/" ; }); |
2、使用jquery Validate 验证后,运算ajax 进行计算
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | $( "#btnCalculate" ).click( function (){ if ($( "#inputForm" ).valid()) { $.ajax({ type : "post" , async : false , url : "${ctx}/engine/formula/cal" , data : $( "#inputForm" ).serialize(), success : function (data) { $( "#formulaResult" ).val(data); }, error : function (XMLHttpRequest, textStatus) { alert(XMLHttpRequest.status + "," + XMLHttpRequest.readyState + ",error=" + textStatus); } }); } }); |
3、使用select2 来表示select,并且选中默认值(useJob_hidden),若是值为y 的话,就显示 jobDiv,否则隐藏
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | //所有下拉框使用select2 $( "select[multiple!='multiple']" ).select2(); var jobDivShow = function (type) { if (type == 'y' ||type == 'Y' ) { $( "#jobDiv" ).show(); var status = $( "#jobStatus_hidden" ).val(); if (status) { $( "#jobStatus" ).select2( "val" , status); } } else { $( "#jobDiv" ).hide(); } }; var objtype = $( "#useJob_hidden" ).val(); if (objtype) { $( "#useJob" ).select2( "val" , objtype); jobDivShow(objtype); } $( "#useJob" ).change( function (){ var type = $( this ).children( 'option:selected' ).val(); jobDivShow(type); }); |
作者:panie
出处:http://www.cnblogs.com/panie2015/
如果您希望与我交流互动,欢迎加我微信
本文内容为作者辛苦整理书写,欢迎转载,但请保留文章出处
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?