Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > หา element ถัดไปของ input field ไม่ได้ครับ ขอแนวทาง หรือตัวอย่างครับ

หา element ถัดไปของ input field ไม่ได้ครับ ขอแนวทาง หรือตัวอย่างครับ

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

poom

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

ขอแนวทาง หรือตัวอย่างครับ
จากรูปครับ ผมอยากจะทราบ ว่าถ้าผม key ข้อมูลที่ แถว 2 data[] แล้วอยากจะให้ val1[]*7 และ val2[]*10 ครับ คือ text field ผมทำเป็น array ที่ดึงมาจากฐานข้อมูลครับ
ผมเคยลองทำ event keyup ที่ data[] โดยกำหนด เป็น keyup="function(this)" แต่ติดที่ผมเอาค่าไปคำนวณ แลัว ใส่ ใน val1[] และ val2[] แถวเดียวกันไม่ได้ครับ เพราะมันเป็น array ครับ
ลบกวน ช่วยผมทีนะครับ หรือ ขอแนวทางแบบ Jquery ก็ได้ครับ

ขอบคุณครับ

Tag : PHP, JavaScript

Date : 2011-10-06 01:38:37

By : poomin16

View : 8984

Reply : 18

No. 1

poom

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

ตกหล่นครับ
ค่าที่ต้องการ (val1[]*7)+data[] และ (val2[]*10) +data[]

Date : 2011-10-06 01:40:53

By : poomin16

No. 2

poom

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

ไม่มีใครพอจะทราบเลยเหรอครับ --

Date : 2011-10-06 20:07:47

By : poomin16

No. 3

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

เจนแบบ static หรือ dynamic ครับ

Date : 2011-10-06 22:48:49

By : ikikkok

No. 4

chit

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

dynamic ครับ

Date : 2011-10-06 22:54:51

By : poomin

No. 5

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ใช้อะไร gen ครับ

Date : 2011-10-06 22:57:40

By : ikikkok

No. 6

Guest

javascript ครับ ใช้ javascript เพิ่มครับ แต่พอจะแก้ไขค่า ด้วย ฟังก์ชัน f_cal(this) ผมจับ input val7[] กับ val10[] ไม่ได้ครับ นี่ Code add ครับ ส่วน Code แก้ไข ยังงงครับ

Code (JavaScript)

function add(getdata,txtnum7per,txtnum10per){
					var table=document.getElementById("tbRow");
					var row=table.insertRow(-1);
					var cell1=row.insertCell(0);
					var cell2=row.insertCell(1);
					var cell3=row.insertCell(2);
					var cell4=row.insertCell(3);
					var cell5=row.insertCell(4);
					var cell6=row.insertCell(5);

					cell1.innerHTML="<img src=\"images/del.gif\" onclick=\"delrow(this)\" style=\"cursor:pointer\">";
					cell2.innerHTML=txt_num;
					cell3.innerHTML=txt_numsub+"<input type=\"hidden\" value=\""+val_numsub[0]+"\" name=\"id_numsub[]\">";
					cell4.innerHTML="<input name=\"data[]\" type=\"text\"  class=\"frm_add\" value=\""+getdata+"\" size=\"4\"  style=\"text-align:center\"/ readonly onkeyup=\"f_cal(this)\">";
					cell5.innerHTML="<input name=\"val7[]\" type=\"text\"  class=\"frm_add\" value=\""+txtnum7per+"\" size=\"11\" readonly style=\"text-align:right\"/>";
					cell6.innerHTML="<input name=\"val10[]\" type=\"text\"  class=\"frm_add\" value=\""+txtnum10per+"\" size=\"11\" readonly style=\"text-align:right\"/>";
}

Date : 2011-10-06 23:19:51

By : poomin16

No. 7

Guest

ผมตัด Code บาส่วนมาให้ครับ

Code (JavaScript)

<!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=windows-874" />
<title>Untitled Document</title>
<script>
					var val_numsub = [];
					var txt_num = 1;
					var txt_numsub = 1;
					val_numsub[0] = 20;
function add(getdata,txtnum7per,txtnum10per){
					var table=document.getElementById("tbRow");
					var row=table.insertRow(-1);
					var cell1=row.insertCell(0);
					var cell2=row.insertCell(1);
					var cell3=row.insertCell(2);
					var cell4=row.insertCell(3);
					var cell5=row.insertCell(4);
					var cell6=row.insertCell(5);
					
					cell1.innerHTML="<img src=\"images/del.gif\" onclick=\"delrow(this)\" style=\"cursor:pointer\">";
					cell2.innerHTML=txt_num;
					cell3.innerHTML=val_numsub[0]+"<input type=\"hidden\" value=\""+txt_numsub+"\" name=\"id_numsub[]\">";
					cell4.innerHTML="<input name=\"data[]\" type=\"text\"  class=\"frm_add\" value=\""+getdata+"\" size=\"4\"  style=\"text-align:center\"/  onkeyup=\"f_cal(this)\">";
					cell5.innerHTML="<input name=\"val7[]\" type=\"text\"  class=\"frm_add\" value=\""+txtnum7per+"\" size=\"11\" readonly style=\"text-align:right\"/>";
					cell6.innerHTML="<input name=\"val10[]\" type=\"text\"  class=\"frm_add\" value=\""+txtnum10per+"\" size=\"11\" readonly style=\"text-align:right\"/>";
}

		function delrow(e){
				mg = confirm("ยืนยันการลบข้อมูล");
				if(mg == true){
						row = e.parentNode.parentNode.rowIndex;
						document.getElementById("tbRow").deleteRow(row);
						sum();
				}
		}

function f_cal(e){
		alert(e.value);
}
</script>
</head>

<body>
<input type="button"  onclick="add('232','232','232')" value="1111" />
javascript ครับ

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" id="tbRow">
          <tr>
            <td width="4%" height="24" align="center" class="box_bottom-hd">&nbsp;</td>
            <td width="30%" align="center" class="box_bottom-hd">type&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
            <td width="32%" align="center" class="box_bottom-hd">length</td>
            <td width="9%" align="center" class="box_bottom-hd">Count</td>
            <td width="12%" align="center" class="box_bottom-hd">text 7%</td>
            <td width="13%" align="center" class="box_bottom-hd">text 10%</td>
          </tr>
        </table>
</body>
</html>

Date : 2011-10-06 23:41:34

By : poomin

No. 8

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

วันนี้โคตรเหนื่อย พรุ่งนี้เดี๋ยวมาเขียนให้ใหม่เลยละกันแต่ขอเป็น jquery นะ ต้องการความสบาย

Date : 2011-10-06 23:54:18

By : ikikkok

No. 9

Guest

ได้ครับคุณ PlaKriM ขอบคุณเป็นอย่างสูงครับ

Date : 2011-10-07 09:04:08

By : poomin

No. 10

chit

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

จากที่รอคุณ PlaKriM ผมก็ไดลองผิดลองถูกจนในที่สุดก็สามารถทำได้แล้วครับ เลยเอา Code มาแจกเผื่อว่าท่านใด ที่จะนำไปดัดแปลงหรือประยุกค์ใช้ครับ

Code (JavaScript)

<!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=windows-874" />
<title>Untitled Document</title>
<script>
					var val_numsub = [];
					var txt_num = 1;
					var txt_numsub = 1;
					val_numsub[0] = 20;
function add(getdata,txtnum7per,txtnum10per){
					var table=document.getElementById("tbRow");
					var row=table.insertRow(-1);
					var cell1=row.insertCell(0);
					var cell2=row.insertCell(1);
					var cell3=row.insertCell(2);
					var cell4=row.insertCell(3);
					var cell5=row.insertCell(4);
					var cell6=row.insertCell(5);
					
					cell1.innerHTML="<img src=\"images/del.gif\" onclick=\"delrow(this)\" style=\"cursor:pointer\">";
					cell2.innerHTML=txt_num;
					cell3.innerHTML=val_numsub[0]+"<input type=\"hidden\" value=\""+txt_numsub+"\" name=\"id_numsub[]\">";
					cell4.innerHTML="<input name=\"data[]\" type=\"text\"  class=\"frm_add\" value=\""+getdata+"\" size=\"4\"  style=\"text-align:center\"/  onkeyup=\"f_cal(this)\">";
					cell5.innerHTML="<input name=\"val7[]\" type=\"text\"  class=\"frm_add\" value=\""+txtnum7per+"\" size=\"11\" readonly style=\"text-align:right\"/>";
					cell6.innerHTML="<input name=\"val10[]\" type=\"text\"  class=\"frm_add\" value=\""+txtnum10per+"\" size=\"11\" readonly style=\"text-align:right\"/>";
}

		function delrow(e){
				mg = confirm("ยืนยันการลบข้อมูล");
				if(mg == true){
						row = e.parentNode.parentNode.rowIndex;
						document.getElementById("tbRow").deleteRow(row);
						sum();
				}
		}

function f_cal(e){
		if(e.value != ''){
			 val7 = ((e.value *1000)*7)/100;
			 val10 = ((e.value *1000)*10)/100;
		}else{
				val7 = 0;
				val10 = 0;
		}
		var row = e.parentNode.parentNode.childNodes;
		var tax7= row[3].nextSibling;
		var tax10= row[4].nextSibling;
		tax7.childNodes[0].value = val7;
		tax10.childNodes[0].value = val10;
}
</script>
</head>

<body>
<input type="button"  onclick="add('1','70','100')" value="1111" />
javascript ครับ

<table width="98%" border="1" align="center" cellpadding="0" cellspacing="0" id="tbRow">
          <tr>
            <td width="4%" height="24" align="center" class="box_bottom-hd">&nbsp;</td>
            <td width="30%" align="center" class="box_bottom-hd">type&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
            <td width="32%" align="center" class="box_bottom-hd">length</td>
            <td width="9%" align="center" class="box_bottom-hd">Count</td>
            <td width="12%" align="center" class="box_bottom-hd">text 7%</td>
            <td width="13%" align="center" class="box_bottom-hd">text 10%</td>
          </tr>
        </table>
</body>
</html>

Date : 2011-10-08 00:08:15

By : poomin

No. 11

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ขออภัยผมลืมอะ ขอโทษจริงๆ เดี๋ยวแถม jquery version ให้ละกัน ถึงได้แล้วก็เหอะ

Date : 2011-10-08 04:45:08

By : ikikkok

No. 12

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

อาจจะกิ๊กก๊อกสักหน่อย เพราะลอง clone event แล้วมันเอ๋อๆ ยังหาวิธีเขียนทีดีกว่านี้ไม่เจอ

Code (JavaScript)

<!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=windows-874" />
<title>Clone and Calc after Clone by PlaKriM</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#add_item').click(function(){
			$('#mytbl tbody tr').last().clone().insertAfter('#mytbl tbody tr:last').find('input').val('');
			initCalculate();
		});
		initCalculate()	;
	});

	function initCalculate(){
		$('#mytbl tbody tr').each(function(){
			var obj1 = $(this).find('input').eq(0);
			var obj2 = $(this).find('input').eq(1);
			var obj3 = $(this).find('input').eq(2);
			
			obj1.keyup(function(){
				obj2.val((parseFloat($(this).val()) * 7));
				obj3.val((parseFloat($(this).val()) * 10));
			});
		});		
	}

	function doRemoveItem(obj){
		if($('#mytbl tbody tr').size() > 1){
			if(confirm('คุณต้องการลบแถวนี้?')) $(obj).parent().parent().remove();
		}else{
			alert('ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้');
		}
	}
</script>
</head>
<body>
<table id="mytbl" cellspacing="0" cellpadding="1" border="1">
  <thead>
    <tr>
      <td align="center">N</td>
      <td align="center">N*7</td>
      <td align="center">N*10</td>
      <td align="center" width="24">&nbsp;</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="center"><input type="text" name="a[]" /></td>
      <td align="center"><input type="text" name="b[]" /></td>
      <td align="center"><input type="text" name="c[]" /></td>
      <td align="center"><button onclick="javascript:doRemoveItem(this);" style="width:22px;">-</button>
      </td>
    </tr>
 </tbody>
</table>
<div style="margin:5px auto 0px auto;"><button type="button" id="add_item" style="width:22px;">+</button></div>
</body>
</html>

Date : 2011-10-08 05:26:26

By : ikikkok

No. 13

เอี่ยว

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

อ้าวพี่ ประกิม ตื่นหรือยังไม่นอนคับ

Date : 2011-10-08 05:28:10

By : pjgunner.com

No. 14

เอี่ยว

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

clone() สามารถก้อบ event ไปได้ด้วยคับ

ปรกติถ้าจะทำแบบนี้ ผมจะทำแถวขึ้นมาแล้วใส่ event ให้เลย แล้วเอาไป append อย่างเดียว คำนวณด้วยใช้ tr parent

Date : 2011-10-08 05:38:05

By : pjgunner.com

No. 15

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ตอบความคิดเห็นที่ : 14 เขียนโดย : pjgunner.com เมื่อวันที่ 2011-10-08 05:38:05

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

ผมต้อง clone มาใส่ตัวแปรก่อนแล้วค่อย insert หรอครับ ผมไม่ชอบเขียนแบบนั้นซิ เดี๋ยวค่อยละละกัน

ปล. ตื่นครับ กลับถึงห้อง เหนื่อยเผลอหลับไป

Date : 2011-10-08 05:45:48

By : ikikkok

No. 16

เอี่ยว

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

ป่าวโคลนครับ ทำ dom ใน query ทั้งแถวเลย ใส่ event ไปด้วยคับ

Date : 2011-10-08 05:51:04

By : pjgunner.com

No. 17

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ตอบความคิดเห็นที่ : 16 เขียนโดย : pjgunner.com เมื่อวันที่ 2011-10-08 05:51:04

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

ยกตัวอย่าง 10 คะแนน

Date : 2011-10-08 05:59:24

By : ikikkok

No. 18

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ตอบความคิดเห็นที่ : 14 เขียนโดย : pjgunner.com เมื่อวันที่ 2011-10-08 05:38:05

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

คำนวณด้วยใช้ tr parent

อ๋อ เก็ตละ ตรงนี้นี่เอง ถ้ากระนั้นก้ clone มันเลยก็ได้หรือเปล่าเนี้ย

Date : 2011-10-08 06:05:47

By : ikikkok

ค้นหาข้อมูล

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

Re : หา element ถัดไปของ input field ไม่ได้ครับ ขอแนวทาง หรือตัวอย่างครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); หา element ถัดไปของ input field ไม่ได้ครับ ขอแนวทาง หรือตัวอย่างครับ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

ค้นหาข้อมูล

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

Notice

หา element ถัดไปของ input field ไม่ได้ครับ ขอแนวทาง หรือตัวอย่างครับ