Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > กำหนดตัวแปร หรือ ID AddRow ที่เพิ่มขึ้นมาตัวแปรมันกำหนดตรงไหนเอาแบบกำหนดไม่เหมือนกันอ่ะ มีตัวอย่าง

กำหนดตัวแปร หรือ ID AddRow ที่เพิ่มขึ้นมาตัวแปรมันกำหนดตรงไหนเอาแบบกำหนดไม่เหมือนกันอ่ะ มีตัวอย่าง

เริ่มหัวข้อใหม่

0010

โพสกระทู้ ( 24 )
บทความ ( 0 )

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>      
<script type="text/javascript">
$(function(){
     
    $("#addRow").click(function(){
        $(".firstTr:eq(0)").clone(true) 
        .find("input").attr('txt1',"").end()
        .find("select").attr('txt2',"").end()
        .appendTo($("#myTbl"));
    });
    $("#removeRow").click(function(){
        if($("#myTbl tr").size()>1){
            $("#myTbl tr:last").remove();
        }else{
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
        }
    }); 
     <form id="form1" name="form1" method="post">
     <td colspan="3"><table id="myTbl" width="443" border="1" cellspacing="2" cellpadding="0">
    <tr class="firstTr">
      <td width="388"><input type="text" name="txt1"  />       
       <span id="s1">Description</span> 
					  <input type="text" name="tx2"   /></td>
    </tr>
    <tr class="firstTr"></tr>
  </table><table width="447" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="447"><button id="addRow" type="button">+</button>
      &nbsp;
      <button id="removeRow" type="button">-</button>
      &nbsp;
      </td>
 
});
</script>

Tag : PHP

Date : 2017-06-12 13:49:03

By : thanwa2

View : 1016

Reply : 1

No. 1

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

http://jsfiddle.net/kla_61/p41c9cv4/28/

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
    $('#btnPluz').click(function(){
        var num=parseInt($('#number').val())+1;
       	var tr=$("<tr id='tr"+num+"' rel='"+num+"'><td> ลำดับที่ <span>"+num+"</span><button id='btnDel' rel='"+num+"' class='btn btn-danger'>&nbsp;&nbsp;&nbsp;&nbsp;ลบข้อมูล&nbsp;&nbsp;&nbsp;&nbsp;</button>  </td></tr>");
		$('#tbody tr:first').before(tr);
        $('#number').val(num);
	 });

  $('#tbody').on('click','#btnDel',function(){
		var num=parseInt($('#number').val())-1;
        var rel=$(this).attr('rel');
		var rowCount = $('#tbody>tr').length;
		 var i=rowCount;
		$('#number').val(num);
        $("#tr"+rel+"").remove();
     	$('#tbody span').each(function(index, element) {
            i--
		     $(this).text(i);
		});
    });
});
</script>
<table>
<tr>
<td>
 	<input type="number" id="number" value="1" size="5" readonly>
	<button type="button" id="btnPluz" >เพิ่ม</button>
</td>
</tr>
      	<tbody id="tbody">
        <tr id="tr1" rel="1"><td> ลำดับที่ <span> 1 </span> </td></tr>
       </tbody> 
</table>

Date : 2017-06-13 15:48:39

By : apisitp

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : กำหนดตัวแปร หรือ ID AddRow ที่เพิ่มขึ้นมาตัวแปรมันกำหนดตรงไหนเอาแบบกำหนดไม่เหมือนกันอ่ะ มีตัวอย่าง

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Load balance : Server 04

Registered : 109,038

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice