โปรโมชั่น เลือกสินค้าได้ แต่จำกัดจำนวนแต่ละสินค้า (เหมือน KFC ครับ php ทำอย่างไรครับ).

 โจทย์มีอยู่ว่า
จะทำ shopping cart แต่ติดตรงที่โปรโมชั่น 
โปรโมชั่นจัดเป็นชุด สินค้ามีอยู่ 4 ประเภท ซึ่งโปรโมชั่นให้ลูกค้าสามารถเลือกสินค้าได้ไม่เกินจำนวน 4 ชิ้น
จะเลือกประเภทละชิ้น หรือ หรือ ประเภทเดียว ทั้งหมด หรือ อย่างไรก็ได้ไม่ให้เกิน 4 ชิ้น

ดังตัวอย่างของ kfC : https://www.kfc.co.th/value_set.php?gclid=CKbj1KmiuLgCFYRV4god3wUAWg#url=value_set.php%3Fid%3D382

อย่างนี้ต้องทำอย่างไรครับ.
เขาใช้เทคโนโลยี่ของตัวไหนเข้ามาช่วย วนลูปหรือ อัลกอริทึม ยังไงครับ.
รบกวน ให้คำแนะนำด้วยครับสำหรับ ภาษา PHP และ ฐานข้อมูล MYSQL.

หรือมีเทคนิคอย่างอื่น เช่น Ajax, javascript, jquery  รบกวนแนะนำด้วยครับ.  

ขอบคุณครับ.

ลองเอาตัวอย่างโค้ดนี้ไปประยุกต์ดู

<form id="form1" name="form1" method="post" action="">
  <select class="css_data_1" name="data1" id="data1">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2" selected="selected">2</option>
  </select>
 <br /> 
  <select class="css_data_1" name="data2" id="data2">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
  </select>  
</form>
<script type="text/javascript" src="http://www.ninenik.com/js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
	var maxVal=2;
	$(".css_data_1").change(function(){
		var idOBJ=$(this).attr("id");
		var valOBJ=$(this).val();
		var valOBJ2=2-valOBJ;
		if(idOBJ=="data1"){
			$("#data2").val(valOBJ2);
		}else{
			$("#data1").val(valOBJ2);	
		}
	});
});
</script>

ตัวอย่าง

เยี่ยมมากเลยครับ.

แล้วถ้าหากสามารถเลือกได้ 4 ประเภทหรือมากกว่า หล่ะครับ ต้องแก้ไขหรือเพิ่มเติมตรงไหนครับ.

ขอบคุณครับ.

ลองมั่วดูแล้วครับ แต่ไม่สำเร็จครับ. ผู้รู้หรือผู้เชี่ยวชาญช่วยแนะนำด้วยครับ  กับประเภทสินค้า 4 ประเภทที่เลือกได้  ที่ไม่ให้เกินจำนวน 4 ชิ้น

<form id="form1" name="form1" method="post" action=""> 
 <select class="css_data_1" name="data1" id="data1"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
  <option value="2">2</option> 
  <option value="3">3</option> 
    <option value="4" selected="selected">4</option> 
  </select> 
 <br />  
  <select class="css_data_1" name="data2" id="data2"> 
  <option value="0">0</option> 
     <option value="1">1</option> 
  <option value="2">2</option> 
  <option value="3">3</option>
  <option value="4">4</option>  
  </select>   
 <br />  
  <select class="css_data_1" name="data3" id="data3"> 
     <option value="1">1</option> 
  <option value="2">2</option> 
  <option value="3">3</option>
  <option value="4">4</option> 
  </select>  
 <br />  
  <select class="css_data_1" name="data4" id="data4"> 
     <option value="1">1</option> 
  <option value="2">2</option> 
  <option value="3">3</option>
  <option value="4">4</option>  
  </select>  
</form> 
<script type="text/javascript" src="http://www.ninenik.com/js/jquery-1.4.1.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    var maxVal=4; 
    $(".css_data_1").change(function(){ 
       var idOBJ=$(this).attr("id"); 
        var valOBJ=$(this).val(); 
        var valOBJ4=4-valOBJ; 
if(idOBJ=="data1")
  { 
            $("#data4").val(valOBJ4); 
        }
if(idOBJ=="data1")
  { 
            $("#data3").val(valOBJ4); 
        }
if(idOBJ=="data1")
  { 
            $("#data2").val(valOBJ4); 
        }
  else
  
  { 
            $("#data1").val(valOBJ4);    
        } 
    }); 
}); 
</script>