จะเขียนฟังก์ชั่นยังไง ไม่ให้เลือกเวลาเริ่มต้นและสิ้นสุดทับซ้อน(เวลาเดียวกัน)

-Javascript 

ประมาณว่าจะจองห้อง โดยที่เวลาสิ้นสุดไม่ทับซ้อนหรือชนกับเวลาเริ่มต้น

ขอบคุณคับ

 เพิ่มต้น กลัวงงคับ

คือถ้าselectbox เลือก 12.00 

selectbox2 ก็จะเลือกซ้ำได้

ปล.ไม่ต้องตรวจสอบจากกDB

 โค้ดเป็นแนวทาง

<form id="form1" name="form1" method="post" action="">
  time 1
  <select name="time1" id="time1">
  <option value=""> Time1</option>
    <option value="12:00">12:00</option>
    <option value="12:50">12:50</option>
    <option value="13:00">13:00</option>
  </select> 
  time 2
<select name="time2" id="time2">
	<option value=""> Time2</option>
    <option value="12:00">12:00</option>
    <option value="12:50" >12:50</option>
    <option value="13:00">13:00</option>
  </select>
</form>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
	 $("#time1").change(function(){
		var indexOpt=$("#time1 option:selected").index();
		$("#time2 option").each(function(j,k){
			if(j<=indexOpt){
				k.disabled=true;
			}else{
				k.disabled=false;
			}
		}).eq(indexOpt+1).attr("selected",true);
		
	 });
});
</script>

ตัวอย่าง

 ขอบคุณคับ