Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > รันไอดี 123 เมื่อกดปุ่มเพิ่มแถวยังไงหรอครับ (เพิ่มแถวได้แล้ว)

รันไอดี 123 เมื่อกดปุ่มเพิ่มแถวยังไงหรอครับ (เพิ่มแถวได้แล้ว)

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

kongbeng_36

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

ตอนกดปุ่ม + เพิ่มแถวทำยังไงให้มันรันเป็น 1 2 3 ไปเรื่อยอ่ะครับ

Code (PHP)

<script language="javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
  $("#addRow").click(function(){

    $("#firstTr:eq(0)").clone(true) 
    .find("input").attr("value","").end()
    .appendTo($("#myTbl"));
  });
  $("#removeRow").click(function(){
    if($("#myTbl tr").size()>2){
      $("#myTbl tr:last").remove();
    }else{
      alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
    }
  });     
});
</script>
</head>
<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">     
        
<BR>

    <table border="0" cellspacing="2" cellpadding="2" align="center" width="700">
            <tr><td colspan="2" class="Title2">รายการ &nbsp;&nbsp;&nbsp;<span id="loading"></span></td></tr>
            <tr><td background="../images/dot.gif" height="4" colspan="2"></td></tr>

    </table>

        <table id="myTbl" border="1" cellspacing="0" cellpadding="5" align="center" width="500">
                <tr  class="table_header_1">
                  <td width="30" align="center">No</td>
                  <td width="150" align="center">หน่วยนับ</td>
                  <td width="150" align="center">หน่วยบรรจุ</td>
                  <td width="150" align="center">LOT NO.</td>
                </tr>

              <?php 
                  $run=0;
                      if($run%2!=0){ 
                                  $bgcolor="bgcolor='".$bgcolor_swap."'"; $color_row=$bgcolor_swap; 
                                }else{ 
                                  $bgcolor="bgcolor='".$bgcolor_swap2."'";  $color_row=$bgcolor_swap2; 
                                }      
        ?>
                <tr id="firstTr" class="txt_black_5901" <?=$bgcolor?> onMouseover="this.bgColor='#fedbdb'" onMouseout="this.bgColor='<?=$color_row?>'">
                  <td align="center"><span><?php echo ++$run; ?></span></td>
                  <td align="right"><input type='text' size="8" > </td>
                  <td align="right"><input type='text' size="8" > </td>
                  <td align="right"><input type='text' size="8" > </td>
                </tr>
                </table>
                <table border="1" cellspacing="0" cellpadding="2" align="center" width="500">
                <tr bgcolor="#d3cdaf" class="table_header_1">
                  <td width="35" align="center"></td>
                  <td width="150" align="right">0</td>
                  <td width="150" align="right">0</td>
                  <td width="150" align="right">0</td>
                </tr>
                </table>
<table  border="0" cellspacing="2" cellpadding="5" align="center" width="500">
  <tr>
    <td><button id="addRow" type="button">+</button>  
  &nbsp;
    <button id="removeRow" type="button">-</button>
  &nbsp;
  &nbsp;
  &nbsp;</td><td align="left" width="55%">
    <button  id="Submit" type="submit">บันทึกรายการ</button>    
    </td>
  </tr>
</table>
               <tr bgcolor="#d3cdaf">
                  <td height="2" colspan="5"></td>
                </tr>
            </table>

Tag : PHP, HTML/CSS, JavaScript, jQuery

Date : 2016-04-23 12:26:23

By : kongbeng_36

View : 1043

Reply : 7

No. 1

kongbeng_36

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

ช่วยดูให้หน่อยนะครับ TT

Date : 2016-04-23 18:13:08

By : kongbeng_36

No. 2

kongbeng_36

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

Date : 2016-04-24 12:21:35

By : kongbeng_36

No. 3

kongbeng_36

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

พี่ ๆ ช่วยดูให้หน่อยครับ

Date : 2016-04-25 08:49:58

By : kongbeng_36

No. 4

Guest

เสาร์อาทิตย์เขางดตอบกันนะหนู

html

<button id="add" type="button">+</button>
<button id="remove" type="button">-</button>
<table id="myTbl">
  <thead>
    <tr>
      <th>No</th>
      <th>Name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><span>1</span></td>
       <td><input type="text" /></td>
    </tr>
  </tbody>
</table>

JavaScript

$("#add").click(function () {
   var row = $("#myTbl >tbody >tr").length;
   $("#myTbl >tbody >tr:first").clone(true)
   .find("span").html(row + 1).end()
   .appendTo($("#myTbl >tbody"));
});

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

Date : 2016-04-25 09:36:03

By : ห้ามตอบเกินวันละ 2 กระทู้

No. 5

kongbeng_36

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

ได้แล้ว ขอบคุณค้าบบบบบบบบบ

Date : 2016-04-25 10:03:31

By : kongbeng_36

No. 6

kongbeng_36

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

จะเก็บ .find("span").html(row + 1).end() ยังไงหรอครับ จะเอาไปอ้างถึงตอนจะบันทึกข้อมูลคับ หรือทำแบบอื่นได้มั้ย

Date : 2016-04-25 15:05:51

By : kongbeng_36

No. 7

kongbeng_36

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

พี่ๆช่วยดูให้ผมหน่อยครับ

Date : 2016-04-26 08:58:10

By : kongbeng_36

ค้นหาข้อมูล

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

Re : รันไอดี 123 เมื่อกดปุ่มเพิ่มแถวยังไงหรอครับ (เพิ่มแถวได้แล้ว)

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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