常用的js 总结

时间:2022-08-12 11:07:45

1、点击一个按钮,跳转到新页面

$("#btnCancel").click(function(){
location.href="${ctx}/engine/formula/";
});

2、使用jquery Validate 验证后,运算ajax 进行计算

$("#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,否则隐藏

//所有下拉框使用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);
});