zoukankan      html  css  js  c++  java
  • 常用的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);
    });
    			    
    

      

  • 相关阅读:
    watchers
    Observer
    计算属性
    Jsonp
    跨域
    axios
    duilib入门简明教程 -- 部分bug (11) (转)
    duilib入门简明教程 -- 界面设计器 DuiDesigner (10) (转)
    duilib入门简明教程 -- 界面布局(9) (转)
    duilib入门简明教程 -- 完整的自绘标题栏(8) (转)
  • 原文地址:https://www.cnblogs.com/panie2015/p/6610127.html
Copyright © 2011-2022 走看看