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

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

รบกวนสอบถามเรื่อง การ 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 บาท หรือ ระบุจำนวน