[자바스크립트] selectbox 시간선택 submit

- SCRIPT

$(document).ready(function() {
$("#starthour").append("시간");
$("#startminute").append("분");
$("#endhour").append("시간");
$("#endminute").append("분");

for(var i=0; i<24; i++){ 
    if(i > 9){ 
        $("#starthour").append("" + i + ""); 
    } else { 
        $("#starthour").append("0" + i + "");
    } 
}
    
for(var j=0; j<60; j++){ 
    if(j > 9){ 
        $("#startminute").append("" + j + "");
    } else { 
        $("#startminute").append("0" + j + "");
    } 
}
    
for(var k=0; k<24; k++){ 
    if(k > 9){ 
        $("#endhour").append("" + k + ""); 
    } else { 
        $("#endhour").append("0" + k + "");
    } 
}

for(var l=0; l<60; l++){ 
    if(l > 9){ 
        $("#endminute").append("" + l + "");
    } else { 
        $("#endminute").append("0" + l + "");
    } 
}
}); 

function selectEnd(){ 
    var ss = $("#starthour").val(); 
    var se = $("#startminute").val(); 
    var es = $("#endhour").val(); 
    var ee = $("#endminute").val(); 
    
    if(ss == '' || se == '' || es == '' || ee == ''){
        alert("시간을 선택해 주세요.");  
        return;
    }
    
    var ss1 = parseInt(ss.substring(0,2));
    var se1 = parseInt(se.substring(0,2));
    var es1 = parseInt(es.substring(0,2));
    var ee1 = parseInt(ee.substring(0,2));

    var m1 = es1 - ss1;
    var m2 = ee1 - se1;
    var m3 = (m1 * 60) + m2;

    if(m3 < 0){
        alert("종료시간이 시작시간 보다 작습니다.");
        return;
    }else if(m3 == 0){
     	alert("시작시간과 종료시간이 같습니다.");
        return;
    }
    
    if(m3 > 240 || m3 < 0){
        alert("시간이 초과되었습니다.");
        return;
    }else{
        var s1 = ss.toString() + se.toString();
        var s2 = es.toString() + ee.toString();
        
        $.ajax({ 
            type:"POST", 
            url:"", 
            dataType:"json", 
            success:function(){ 
                // $("#form").submit();
                alert("처리되었습니다.");
            } 
        }); 
    }
}

 

 

- HTML

<form name="form" method="post" >
    예약시간 :
    </p>
    - 시작 시간 :
    <select name="starthour" id="starthour" onchange="selectStart(this.value)"></select>
    :
    <select name="startminute" id="startminute" onchange="selectStart(this.value)"></select>

    </p>
    - 종료 시간 :
    <select name="endhour" id="endhour" onchange="selectStart(this.value)"></select>
    :
    <select name="endminute" id="endminute" onchange="selectStart(this.value)"></select>
    </p>
    <input type = "button" onclick="selectEnd()" value="시작"/>
</form>

 

 

 

실행 : http://jsfiddle.net/y7rkbL9x/6/