PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

อยากถามเรื่อง การ 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>  


โดย:  Icezatoo IP: 182.52.4.xxx วันที่: 26-10-2014 เวลา: 09:30:59

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3
โดย:  Wowowow IP: 110.168.218.xxx วันที่: 27-10-2014 เวลา: 16:47:01
 ความคิดเห็นที่ 2
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

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

โดย:  Wowowow IP: 110.168.218.xxx วันที่: 27-10-2014 เวลา: 13:33:59
 ความคิดเห็นที่ 1
ดูเนื้อหาจากกระทู้นี้เป็นแนวทาง

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

โดย:  Ninenik IP: 1.47.81.xxx วันที่: 26-10-2014