常用的js 总结

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);
});

　　

 

作者：​​​panie​​​