Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถามวิธการ loop โดยใช้ each jquery ทีครับ...... ?

สอบถามวิธการ loop โดยใช้ each jquery ทีครับ...... ?

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

Guest

มี tag รับข้อมูล 2 tag ตั้งชื่อเป็น ตัวแปร array
<input type="text" name="no[]" id="no[]" />
<input type="text" name="txt2[]" id="txt2[]" />

ส่งค่าไปให้ jquery loop เพื่อแสดงผล

ผลที่ต้องการ
No | txt2
############
1 | test1
2 | test2
3 | test3
############

รบกวนผู้รู้ ขอตัวอย่าง loop ข้อมูลโดยใช้ each ทีครับให้ได้ผลลัพตามด้านบนนี้นะครับ ?

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

Tag : PHP, jQuery

Date : 2010-12-29 11:28:03

By : tapoo999

View : 1005

Reply : 2

No. 1

Guest

<!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=tis-620" />
<title>enlarge image by num</title>
<style type="text/css">
* {margin:0;padding:0}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
//<![CDATA[
$(function(){
	var no = $('[name="no[]"]');
	var s = '';
	no.each(function(){
		var i = no.index($(this));
		var no_item = $(this);
		var txt_item = $('[name="txt2[]"]').eq(i);
		s += no_item.val() + ' | ' + txt_item.val() + '\n';
	});
	alert('method1:\n'+s);
	s = '';
	no.each(function(){
		s += $(this).val() + ' | ' + $(this).next().val() + '\n';
	});
	alert('method2:\n'+s);
});

//]]>
</script>
</head>
  
<body>
 
<input type="text" name="no[]" id="no[]" value="1" />
<input type="text" name="txt2[]" id="txt2[]" value="t1" />
<input type="text" name="no[]" id="no[]" value="2" />
<input type="text" name="txt2[]" id="txt2[]" value="t2" />
<input type="text" name="no[]" id="no[]" value="3" />
<input type="text" name="txt2[]" id="txt2[]" value="t3" />
<input type="text" name="no[]" id="no[]" value="4" />
<input type="text" name="txt2[]" id="txt2[]" value="t4" />
  
</body>
</html>

http://web-programming-bookmark.blogspot.com

Date : 2010-12-29 11:51:50

By : num

No. 2

Guest

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

Date : 2010-12-29 15:15:53