ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้

รบกวนสอบถามเรื่อง การ clone ของ jquery แล้วรับค่าจาก array ไปใช้งาน.........จำเป็นจิงจิงค่ะ

ถาม-ตอบ แนะนำไอเดีย โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา รบกวนสอบถามเรื่อง การ clone ของ jquery แล้วรับค่าจาก array ไปใช้งาน.........จำเป็นจิงจิงค่ะ

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

รบกวนสอบถามเรื่อง การ clone ของ jquery แล้วรับค่าจาก array ไปใช้งาน
งง จิงจิงค่ะ ใช้่ jquery ไม่ค่อยเก่ง
ปัญหาคือนู๋ไม่รู้จะส่งข้อมูลแบบ array เพื่อไปค้นหายังไงอะค่ะ
รบกวนพี่ๆช่วยดูให้หน่อยค่ะ ต้องเอาไปใช้งานจริงจริง ขอขอบคุนอย่างยิ่งๆค่ะ จำเป็นจิงจิงค่ะ

Iammaipnch 20-10-2010 18:24:17

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

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

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

Pass

Code

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

รบกวนพี่นิกด้วยค่ะ

iammaipnch 20-10-2010 18:26

ความคิดเห็นที่ 2

ดูจากความต้องการที่อยากจะทำ น่าจะซับซ้อน
ถ้าคิดรูปแบบที่ซับซ้อนได้ น่าจะพอหาวิธีได้น่ะ ลองพยายามดู
ตัวอย่าง

เอาตัวอย่าง 2 ไฟล์ นี้ไปเป็นแนวทาง

jquery_add_tr.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery add remove row</title>
</head>

<body>





<form id="form1" name="form1" method="post" action="">
<table id="myTbl" width="650" border="1" cellspacing="2" cellpadding="0">
  <tr id="firstTr">
    <td width="119"><select name="data1[]" id="data1[]">
      <option value="1">data1</option>
      <option value="2">data2</option>
    </select></td>
    <td width="519"><input type="text" class="text_data" name="data2[]" id="data2[]" />
      <input type="button" name="button" id="button" class="ipopup"  value="Button" /></td>
    </tr>
</table>
<br />
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <button id="addRow" type="button">+</button>  
    &nbsp;
    <button id="removeRow" type="button">-</button>
	&nbsp;
    &nbsp;
    &nbsp;
    <button id="Submit" type="submit">Submit</button>    
    </td>
  </tr>
</table>
</form>
<pre>
<?php print_r($_POST); ?>
</pre>
<br />
<script language="javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#addRow").click(function(){
		$("#myTbl").append($("#firstTr").clone());
	});
	$("#removeRow").click(function(){
		if($("#myTbl tr").size()>1){
			$("#myTbl tr:last").remove();
		}else{
			alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
		}
	});	
	
	// onclick="popup('popup_select.php',600,300);" 
	$(".ipopup").live("click",function(){
		var indexThis=$(".ipopup").index(this);
		popup('popup_select.php?target='+indexThis,600,300);
	});
});
</script>
<script type="text/javascript">
function popup(url,name,windowWidth,windowHeight){    
	myleft=(screen.width)?(screen.width-windowWidth)/2:100;	
	mytop=(screen.height)?(screen.height-windowHeight)/2:100;	
	properties = "width="+windowWidth+",height="+windowHeight;
	properties +=",scrollbars=yes, top="+mytop+",left="+myleft;   
	window.open(url,name,properties);
}
</script>
<?php
//echo strtotime("2010-07-21");
?>
</body>
</html>

popup_select.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>popup select</title>
</head>

<body>
<?php
$target=$_GET['target'];
?>
<script language="javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
function returnData(indexTarget,data){
	$(".text_data",window.opener.document).eq(<?=$target?>).val(data);
	window.close();
}
</script>
<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="88" align="left">
    <input type="button" name="button" id="button" onclick="returnData(<?=$target?>,'data1');" value="Select" />
    </td>
    <td width="312" align="left">data1</td>
  </tr>
  <tr>
    <td align="left">
    <input type="button" name="button" id="button" onclick="returnData(<?=$target?>,'data2');" value="Select" />
    </td>
    <td align="left">data2</td>
  </tr>
  <tr>
    <td align="left">
    <input type="button" name="button" id="button" onclick="returnData(<?=$target?>,'data3');" value="Select" />
    </td>
    <td align="left">data3</td>
  </tr>
</table>
</body>
</html>

Ninenik 21-10-2010

ความคิดเห็นที่ 3

ขอบคุนมากกกกกค่ะพี่เดียวนู๋ ลองประยุกดูนะค่ะ เป็นประโยชน์มากค่ะพี่ รักเว็บนี้จัง

iammaipnch 21-10-2010 14:23

ความคิดเห็นที่ 4

รบกวนขอความช่วยเหลือพี่ๆเหล่าเทพทั้งหลาย
จากตัวอย่างนี้ สามารถส่งตัวแปลจากหน้า popup มามากกว่า 1 ได้มั้ยคะ
ที่ลองทำนะคะ

	function returnData(indexTarget,data,new){

	    $(".text_data",window.opener.document).eq(<?=$target?>).val(data);

    window.close();

		$(".add_data",window.opener.document).eq(<?=$i?>).val(new);

		    window.close();

	}

	ต้องสร้าง class เพิ่ม แล้วตรง function returnData(เพิ่มตัวแปล)หรอคะ แล้วตรงอ้าง 2 ค่ายังไงคะ

	<input type="button" name="button" id="button" onclick="returnData(<?=$target?>,'data1',<?=$i?>,'new');" 

	value="Select" />

**ผลสรุปคือ ใช้งาน popup ไม่ได้ค่ะ ฮืออออ

		$(".ipopup").live("click",function(){

		        var indexThis=$(".ipopup").index(this);

		        popup('popup_select.php?target='+indexThis & kg=<?=$i;?>,600,300);

		    });

		และเมื่อใช้ radio ในการแถวตารางด้วย ค่า radio มันมาแค่อาร์เรย์แถวแรกค่ะ

		**ขอโทดนะคะ ที่ต้องขอความช่วยเหลือ ขอบพระคุณมากค่าา

Violet Rose 15-06-2018 11:22

ความคิดเห็นที่ 5

ชืื่อที่ใช้กำหนด parameter ต้องไม่ใช้ชืือ สงวน คำว่า new เป็นคำสงวน ใช้เป็น data2 แทน

function returnData(indexTarget,data,data2){
	$(".text_data",window.opener.document).eq(<?=$target?>).val(data);
	$(".add_data",window.opener.document).eq(<?=$target?>).val(data2);	
	window.close();
}

ตอนเรียกใช้ ก็กำหนด เป้น สมมติ ส่งค่าตายตัวกลับ

<input type="button" name="button" id="button" onclick="returnData(<?=$target?>,'data1','data2');" value="Select" />

ค่า data1 และ data2 จะถูกส่งค่ากลับมา

ในส่วนตอนเรียก popup ถ้าไม่มีการส่งค่าอื่นเพิ่มเติม ต้องใช้ในรูปแบบให้ถูกต้อง เช่น กรณีเป็น string ก็จะเป้นดังนี้

popup('popup_select.php?target='+indexThis+'&a=ค่าเพิ่มเติม',600,300);

หรือกรณีเป็นตัวแปร ก็จะเป็นลักษณะ ดังนี้

var more_data = 'ค่าเพิ่มเติม';
popup('popup_select.php?target='+indexThis+'&a='+more_data,600,300);

ninenik 15-06-2018

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน