Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > clone แล้วไม่สามารถส่งค่า array ที่clone ไปอีกหน้าได้ครับ แต่table ที่ไม่ได้clone สามารถส่งค่า array ได้ปกติ

clone แล้วไม่สามารถส่งค่า array ที่clone ไปอีกหน้าได้ครับ แต่table ที่ไม่ได้clone สามารถส่งค่า array ได้ปกติ

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

jame

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

ลองกดเพิ่มผู้ใช้แล้วเลือกข้อมมูล กดค้นหาข้อมูล ค่าที่ส่งมีแค่ค่าของtable ที่ไม่ได้ clone

ส่วนที่ clone ไม่มีค่าใดส่งไปเลย รบกวนหน่อยครับ

อันนี้หน้า clone
Code (PHP)

<table id="myTbl" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td align="left" valign="top">
        
<form  name="form1" method="post" action="lo.php">
 
 <div class="firstTr" >
<h3><font color="#09ba32">ประเภทอาหาร</font></h3>
 <table class="table table-hover"  width="100%" border="0" cellspacing="0" cellpadding="0">  
     <tr > 
        <td><input type="checkbox" name="res[]"  value="ก๋วยเตี๋ยว"/>
            <span class="style1"><img src="images/category/ก๋วยเตี๋ยว.png" width="25" height="25">ก๋วยเตี๋ยว</span></td>
        <td><input type="checkbox" name="res[]"  value="สุกี้ชาบู"/>
            <span class="style1"><img src="images/category/สุกี้ชาบู.png" width="25" height="25">สุกี้ ชาบู</span></td>
        <td><input type="checkbox" name="res[]"  value="ร้านกาแฟ"/>
            <span class="style1"><img src="images/category/ร้านกาแฟ.png" width="25" height="25">ร้านกาแฟ</span></td>
        <td><input type="checkbox" name="res[]"  value="หมูกะทะ"/>
            <span class="style1"><img src="images/category/หมูกะทะ.png" width="25" height="25">หมูกะทะ</span></td>
        <td><input type="checkbox" name="res[]"  value="สเต็ก"/>
            <span class="style1"><img src="images/category/สเต็ก.png" width="25" height="25">สเต็ก</span></td>
        <td><input type="checkbox" name="res[]"  value="อาหารทะเล"/>
            <span class="style1"><img src="images/category/อาหารทะเล.png" width="25" height="25">อาหารทะเล</span></td>
        <td><input type="checkbox" name="res[]"  value="เบเกอรี่เค้ก"/>
            <span class="style1"><img src="images/category/เบเกอรี่เค้ก.png" width="25" height="25">เบเกอรี่ เค้ก</span></td>

      </tr>
      <tr>
        <td><input type="checkbox" name="res[]" value="อาหารญี่ปุ่น"/>
            <span class="style1"><img src="images/category/อาหารญี่ปุ่น.png" width="25" height="25">อาหารญี่ปุ่น</span></td>      
        <td><input type="checkbox" name="res[]" value="อาหารอีสานร้านส้มตำ"/>
            <span class="style1"><img src="images/category/อาหารอีสานร้านส้มตำ.png" width="25" height="25">อาหารอีสาน ร้านส้มตำ</span></td>
        <td><input type="checkbox" name="res[]" value="ซูชิ"/>
            <span class="style1"><img src="images/category/ซูชิ.png" width="25" height="25">ซูชิ</span></td>
        <td><input type="checkbox" name="res[]" value="อาหารเช้า"/>
            <span class="style1"><img src="images/category/อาหารเช้า.png" width="25" height="25">อาหารเช้า</span></td>
        <td><input type="checkbox" name="res[]" value="บุฟเฟ่ต์"/>
            <span class="style1"><img src="images/category/บุฟเฟ่ต์.png" width="25" height="25">บุฟเฟ่ต์</span></td>
        <td><input type="checkbox" name="res[]" value="เนื้อย่างบาร์บีคิว"/>
            <span class="style1"><img src="images/category/เนื้อย่างบาร์บีคิว.png" width="25" height="25">เนื้อย่าง บาร์บีคิว</span></td>
        <td><input type="checkbox" name="res[]" value="พิซซ่า"/>
            <span class="style1"><img src="images/category/พิซซ่า.png" width="25" height="25">พิซซ่า</span></td>

      </tr>
        </table>
        </div>
            
  

</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <button class="btn btn-success" id="addRow" type="button">เพิ่มผู้ใช้</button>  
    &nbsp;
    <button class="btn btn-success" id="removeRow" type="button">ลบผู้ใช้คนล่าสุด</button>
    &nbsp;
    &nbsp;
    &nbsp; 
   
    </td>
    </tr>
</table>
 
 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" 
  <tr>
    <td>  
   <div align="center"><input  class="btn btn-success" type="submit" name="Submit" id="Submit" value="ค้นหาข้อมูล" /></td></div> 
  </tr>
</table>
</form>



<br />
</div>     
<script type="text/javascript">
$(function(){
    
    $("#addRow").click(function(){
        // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ
        // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน
        // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input
             var n = $(".firstTr").length;  
             $(".firstTr:eq(0)").clone(true)   
            .find("checkbox").attr("name","res"+n+"[]").end(true)  
            .appendTo($("#myTbl"));  
    });
    $("#removeRow").click(function(){
        // // ส่วนสำหรับการลบ
        if($("#myTbl div").size()>1){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ
            $("#myTbl div:last").remove(); // ลบรายการสุดท้าย
        }else{
            // เหลือ 1 รายการลบไม่ได้
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
        }
    }); 
    

});
</script>

หน้ารับค่า array
Code (PHP)

    <?  
  if ( isset( $_POST[res] ) )//รับค่า checkbox แบบ array  
  {  
   for($i=0;$i<count($_POST["res"]);$i++)  
{  
    $value[$i] = $_POST["res"][$i];  
      
    echo $value[$i]."<br>";  
}  
}  
?>

Tag : PHP, MySQL, JavaScript

Date : 2016-12-08 20:40:57

By : fzjameza

View : 1133

Reply : 9

No. 1

Mr.กล้า

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

นี่ไง ๆ บรรทัดที่ 86

.find("checkbox").attr("name","res"+n+"[]").end(true)

น่าจะ name ไม่ตรงกันนะ res[] !== res"+n+"[]

ลองดู Element ที่สร้างใหม่ว่า name อะไรแน่

Date : 2016-12-09 08:56:53

By : apisitp

No. 2

jame

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2016-12-09 08:56:53

รายละเอียดของการตอบ ::

name ที่โคลนมา ต้องเหมือนกัน หรือไม่เหมือนครับ ถึงจะรับค่าแบบarray ได้

Code (PHP)

.find(":checkbox").attr("name","res"+n+"[]").end(true)

ลองแก้แบบนี้แล้ว พอกดเพิ่ม Element ไป name ที่ได้มา คือ name=res1[]

แบบนี้จะรับค่า array อีกหน้ายังไงครับ

ประวัติการแก้ไข
2016-12-09 14:06:24

Date : 2016-12-09 13:50:59

By : fzjameza

No. 3

Mr.กล้า

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

ตอบไม่ถูกเลย

เจอถามกลับแบบนี้ แสดงว่าท่านก็ยังไม่เข้าใจเรื่อง array
.... ตอบสั้น ๆ ก่อนว่า ต้องเหมือนกันครับ

อธิบาย การ Clone มันก็บอกแล้วว่า ทำให้เหมือน
ของต้นฉบับท่านตั้งชื่อ name="res[]" เวลารับค่า มันก็ได้เป็น array ของ res
การตรวจสอบง่ายๆ ก็ print_r($_POST); ก็จะเห็นว่าอะไรถูกส่งมา ถูกต้องไหมครับ

แต่ตัว Clone ท่านไปนับจำนวนของ <div class="firstTr" > ผมเดาว่าท่านอยากให้มัน Dynamic เปลี่ยนชื่อตามการกดปุ่ม clone มันก็ไม่ผิดล่ะ
แต่ถ้าทำวิธีนี้ไม่ต้องไปทำค่าแบบ array ท่านกดปุ่มสร้าง ก็ให้ name มันเป็น res1 res2 res3 ... ไปเรื่อยๆ ก็ไม่ผิด
แต่เวลาส่งค่ามันก็ไปเป็น res1 res2 res3 ตามที่ท่าน clone
ถ้าจะทำแบบนี้เวลารับค่าก็ไปว่ากันอีกเรื่อง

แต่ถ้าท่านจะต้องการส่ง array รูปแบบเดียวกันทั้งหมด การสร้าง name ในตัว clone ไม่ต้องไปเรียกค่าอะไรมาใส่
ตัว input ก็ชื่อ name="res[]" เวลารับค่ามันก็เป็น array ตัวเดียวกัน มันก็รับค่าง่าย
มันนับ res ที่ส่งมามันก็มาวนลุปตาม code ท่านล่ะ แบบนั้นมันก็ง่าย

พิจารณา Element ที่เกิดขึ้นใหม่ และตอบตัวเองว่าคิดอะไรไว้แบบไหนนะครับ แล้วลองปรับตามแนวคิดดู

คิดอะไรไม่ออก จดลงกระดาษ 1 2 3 4 5 เป็นขั้นๆ จะข้ามไปแต่ละข้อ จะให้มันเกิดอะไร แล้วทำตามดู

Date : 2016-12-09 14:43:12

By : apisitp

No. 4

jame

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

ตอบความคิดเห็นที่ : 3 เขียนโดย : apisitp เมื่อวันที่ 2016-12-09 14:43:12

รายละเอียดของการตอบ ::

พอเข้าใจแล้วครับ
ไม่ได้ต้องการชื่อ ckeck box ครับ แค่ อยากได้ค่า ของ value ให้ส่งมาอีกหน้าครับ

แต่ที่ได้ค่า value มาก็แค่ตารางที่ไม่ได้clone แต่ตารางที่ clone กลับไม่มีค่าใด ๆ ส่งมาเลยครับ โดยกด ปุ่มเพิ่มผู้ใช้
ก็จะมีตารางที่ clone ออกมา อยากให้ค่าใน value นั้นถูกสั่งไปอีกหน้าครับ

เพราะว่าจะเอาไปค้นหาข้อมูลแบบผู้ใช้หลายคนครับ

เช่น คนที่1 อยากกิน หมูกะทะ กับ สเต๊ส
คนที่ 2 อยากกิน เบเกอรี่เค้ก กับ อาหาร ทะเล
ประมาณนี้อ่าครับ ต้อง การค่าใน value ทุกตัวเลย ที่มีการเลือกข้อมูลครับ

ลองแก้ใหม่แล้วครับ

Code (PHP)

$(".firstTr:eq(0)").clone(true)

ทำให้ชื่อเหมือนกันหมดแล้วครับ ที่ต้องการคือ ค่าใน value ให้ถูกส่งมาอีกหน้า

Date : 2016-12-09 16:57:49

By : fzjameza

No. 5

Mr.กล้า

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

สรุปแล้วคืออะไร ได้หรือยังไม่ได้ งงครับ กำกนด array name ได้แล้ว แต่ทำไม ไม่ได้ value ยิ่งอ่านยิ่งงง
ค่าส่งแบบ post รับค่ามันก็รับชื่อ name ได้ value
ผมงง หรือ อธิบาย อะไรผิด งงจริงๆครับ

Date : 2016-12-10 09:40:19

By : apisitp

No. 6

jame

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : apisitp เมื่อวันที่ 2016-12-10 09:40:19

รายละเอียดของการตอบ ::

ยังไม่ได้เลยครับ

ยังส่งข้อมูลมาไม่ครบ ตามรูปเลยครับ

หน้าส่งข้อมูล
ดดด

หน้ารับข้อมูล

ได้ข้อมูลแค่ตารางบนตารางเดียวครับ ตารางที่กดเพิ่มผู้ใช้มา ไม่มีข้อมูลส่งมานี้เลยครับ

Date : 2016-12-10 11:38:03

By : fzjameza

No. 7

Mr.กล้า

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

วันอังคารจะมาลองให้ครับ

Date : 2016-12-11 11:58:07

By : apisitp

No. 8

jame

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

ตอบความคิดเห็นที่ : 7 เขียนโดย : apisitp เมื่อวันที่ 2016-12-11 11:58:07

รายละเอียดของการตอบ ::

ขอบคุณมากครับ

Date : 2016-12-12 03:42:57

By : fzjameza

No. 9

Mr.กล้า

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

จากการ code ต้นฉบับที่ให้มา
1. วาง table tr td div ได้เละเทะมากครับ
2. ถ้าเล่น class ของ bootstrap จริง ก็เล่น div ล้วนๆ ก็ได้ครับ การกำหนดสร้าง table แบบกำหนดค่ามันไม่ยืดหนุ่น
ลองศึกษาการสร้าง form ของ bootstrap ดูครับ

ตย. code ไฟล์แรก

	<div class="container">
		<form  name="form1" method="post" action="lo.php">

<table id="myTbl" width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
    	<td align="left" valign="top">

 			<div class="firstTr" >
				<h3><font color="#09ba32">ประเภทอาหาร</font></h3>
 				<table class="table table-hover"  width="100%" border="0" cellspacing="0" cellpadding="0">
     			  <tr >
        			<td><input type="checkbox" name="res[]"  value="ก๋วยเตี๋ยว"/>ก๋วยเตี๋ยว</td>
        			<td><input type="checkbox" name="res[]"  value="สุกี้ชาบู"/>สุกี้ ชาบู</td>
        			<td><input type="checkbox" name="res[]"  value="ร้านกาแฟ"/>ร้านกาแฟ</td>
        			<td><input type="checkbox" name="res[]"  value="หมูกะทะ"/>หมูกะทะ</td>
                    <td><input type="checkbox" name="res[]"  value="สเต็ก"/>สเต็ก</td>
        			<td><input type="checkbox" name="res[]"  value="อาหารทะเล"/>อาหารทะเล</td>
        			<td><input type="checkbox" name="res[]"  value="เบเกอรี่เค้ก"/>เบเกอรี่ เค้ก</td>
				  </tr>
      			  <tr>
          			<td><input type="checkbox" name="res[]" value="อาหารญี่ปุ่น"/>อาหารญี่ปุ่น</td>
          			<td><input type="checkbox" name="res[]" value="อาหารอีสานร้านส้มตำ"/>อาหารอีสาน ร้านส้มตำ</td>
        			<td><input type="checkbox" name="res[]" value="ซูชิ"/>ซูชิ</td>
        			<td><input type="checkbox" name="res[]" value="อาหารเช้า"/>อาหารเช้า</td>
        			<td><input type="checkbox" name="res[]" value="บุฟเฟ่ต์"/>บุฟเฟ่ต์</td>
        			<td><input type="checkbox" name="res[]" value="เนื้อย่างบาร์บีคิว"/>เนื้อย่าง บาร์บีคิว</td>
        			<td><input type="checkbox" name="res[]" value="พิซซ่า"/>พิซซ่า</td>
				  </tr>
</table>
			</div>

		</td>
	</tr>
</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    	<button class="btn btn-success" id="addRow" type="button">เพิ่มผู้ใช้</button>
    &nbsp;
    	<button class="btn btn-success" id="removeRow" type="button">ลบผู้ใช้คนล่าสุด</button>
    &nbsp;
    &nbsp;
    &nbsp;
    </td>
  </tr>
</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
   	  <div align="center">
   		<input  class="btn btn-success" type="submit" name="Submit" id="Submit" value="ค้นหาข้อมูล" />
   	  </div>
   </td>
  </tr>
</table>

		</form>
</div>
<script type="text/javascript">
$(function(){

    $("#addRow").click(function(){
        // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ
        // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน
        // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input
             var n = $(".firstTr").length;
             $(".firstTr:eq(0)").clone(true)
            .find("checkbox").attr("name","res"+n+"[]").end(true)
            .appendTo($("#myTbl"));
    });
    $("#removeRow").click(function(){
        // // ส่วนสำหรับการลบ
        if($("#myTbl div").size()>1){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ
            $("#myTbl div:last").remove(); // ลบรายการสุดท้าย
        }else{
            // เหลือ 1 รายการลบไม่ได้
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
        }
    }); 
    

});
</script>

ไฟล์ที่ 2 : lo.php

<pre>
<?php
	print_r($_POST);
?>
</pre>
<?php
$countData = count($_POST["res"]);
	echo "จำนวน res ที่ถูกเลือกแล้วส่งมา : ".$countData."<hr>";
?>
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<thead>
	<tr>
		<th>ลำดับที่</th>
		<th>ตำแหน่งใน array</th>
		<th>ตัวแปรจาก value</th>
	</tr>
</thead>
<tbody>
<?php
$no = 1;
for($i=0;$i<$countData;$i++){
?>
<tr>
<td><?=$no?></td>
<td><?=$i?></td>
<td><?=$_POST["res"][$i]?></td>
</tr>
<?php
++$no;
}
?>
	</tbody>
</table>

***จากลองแก้ code ปัญหาน่าจะมาจากการวางตำแหน่ง เปิด - ปิดแท็กของ element ต่างๆ ตั้งแต่
form table tr td div ... เละเทะมาก ขาด พื้นฐาน html อย่างแรงครับ

ส่วนการเรียกใช้งาน bootstrap มันมีรูปแบบของมัน อย่าง table
ก็ใส่ แค่ class ที่ต้องการ ไม่ต้องกำหนด 100% เส้นขอบ ขนาดเส้นต่าง ๆ bootstrap เขาจัดการของมันเอง
อ่านจาก Doc ของ bootstrap ครับ

ประวัติการแก้ไข
2016-12-13 09:27:05

Date : 2016-12-13 09:25:45

By : apisitp

ค้นหาข้อมูล

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

Re : clone แล้วไม่สามารถส่งค่า array ที่clone ไปอีกหน้าได้ครับ แต่table ที่ไม่ได้clone สามารถส่งค่า array ได้ปกติ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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