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

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

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

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

 



Iammaipnch 122.154.8.xxx 20-10-2010 18:24:17

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

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


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


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

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

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



iammaipnch 122.154.8.xxx 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 124.122.66.xxx 21-10-2010
 ความคิดเห็นที่ 3

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



iammaipnch 122.154.8.xxx 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 58.8.192.xxx 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 183.88.87.xxx 15-06-2018
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ