อยากถามเรื่อง การ disabled select option แล้วนำมา แทรกในตาราง ด้วย JQUERY

คือ อยากทำ ให้มีการ กดปุ่มแล้วเพิ่มแถวของตารางขึ้นไปด้วยอะคับ แล้วก็ disabled select option  ในอันที่เลือกไปแล้วในแถวจองตารางอันใหม่  ไงก็ขอคำแนะนำหน่อยน่ะคับ

<table id="myTbl" border="1" cellspacing="2" cellpadding="0"  align="center" >
  <tr id="firstTr">
    <td>
	<select name="sec[]"class="form-control" id="sec[]">  
      <option value="1">sec :1</option>  
      <option value="2">sec :2</option>  
	  <option value="3">sec :3</option>  
      <option value="4">sec :4</option>
	  <option value="5">sec :5</option>  
      <option value="6">sec :6</option>  
	  <option value="7">sec :7</option>  
      <option value="8">sec :8</option>  
	  <option value="9">sec :9</option>  
      <option value="10">sec :10</option>  
    </select>
	</td> 
    <td>Name :<input type="text" name="name[]" id="name[]" /></td>
	<td>OR NAME :<input type="text" name="name2[]" id="name2[]" /></td> 
    </tr> 
</table>


<br>
<table width="500" border="0" cellspacing="0" cellpadding="0"  align="center">  
  <tr>  
    <td>  
    <button id="addRow" type="button">+</button>    
    &nbsp;  
    <button id="removeRow" type="button">-</button>  
    &nbsp;  
    &nbsp;  
    &nbsp;    
    </td>  
  </tr>
</table>

อันนี้ผมลองใช่ อีกแบบดูไม่ติดอะคับ 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript">  
$(function(){
	var counter = 1;
	 var showlistOption="";  
        var mylistOption=[];      
	     mylistOption[1]="<option value="2">sec :2</option>";  
	     mylistOption[2]="<option value="3">sec :3</option>";
	     mylistOption[3]="<option value="4">sec :4</option>";  
		 mylistOption[4]="<option value="5">sec :5</option>";  
		 mylistOption[5]="<option value="6">sec :6</option>";  
	     mylistOption[6]="<option value="7">sec :7</option>";  
		 mylistOption[7]="<option value="8">sec :8</option>";  
		 mylistOption[8]="<option value="9">sec :9</option>";  
		 mylistOption[9]="<option value="10">sec :10</option>";
          
        var uselistOption=[];     
          
        showlistOption = function(mylistOption,uselistOption){  
            if(uselistOption.length==0){  
                return mylistOption.join("");  
            }else{  
                var returnOption="";  
                for(i=0;i<mylistOption.length;i  ){  
                    var tempI=i+1;  
                    if(uselistOption.indexOf(tempI.toString())>-1){  
                          
                    }else{  
                        returnOption+=mylistOption[i];  
                    }  
                }  
                return returnOption;  
            }  
        }         

    $("#addRow").click(function(){
		
        $("#myTbl").append($("#firstTr").clone()); 
		if(counter>10){
            alert("Only 10 textboxes allow");
            return false;
	}   


	counter++;
    });  


   $(document).on("change",".form-control",function(){
        var $this = $(this);
        var prevVal = $this.data("prev");
        var otherSelects = $("select").not(this);
        otherSelects.find("option[value=" + $(this).val() + "]").attr('disabled', true);
        if (prevVal) {
            otherSelects.find("option[value=" + prevVal + "]").attr('disabled', false);
        }

        $this.data("prev", $this.val());
    });
});


    $("#removeRow").click(function(){  
        if($("#myTbl tr").size()>1){  
            $("#myTbl tr:last").remove();  
			counter--;
        }else{  
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");  
        }  
    });           
});  
</script>  

ดูเนื้อหาจากกระทู้นี้เป็นแนวทาง

https://www.ninenik.com/forum_view_1137_1.html

http://stackoverflow.com/questions/17973236/enable-or-disable-option-from-select


http://stackoverflow.com/questions/2155909/how-can-i-disable-an-option-in-a-select-based-on-its-value-in-javascript

ลองดูครับ แต่เอามาใช้คู่กับเพิ่มตาราง ต้องประยุกเอา ทำได้ ลองเอามาดูบ้าง

http://stackoverflow.com/questions/4610652/jquery-select-option-disabled-if-selected-in-other-select

Live demo: http://jsfiddle.net/dZqEu/