Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ปัญหาการลบ multi textbox row และเมื่อลบแล้วไม่สามารถเพิ่ม textbox ได้

ปัญหาการลบ multi textbox row และเมื่อลบแล้วไม่สามารถเพิ่ม textbox ได้

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

Bypassbuy

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

Code (PHP)

<? session_start(); ?>
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
.style5 {font-size: 12px

}
-->
</style>
</head>
<script language="javascript">
	function CreateNewRow()
	{
		var intLine = parseInt(document.form1.hdnMaxLine.value);
		intLine++;
			
		var theTable = document.all.tbExp
		var newRow = theTable.insertRow(theTable.rows.length)
		newRow.id = newRow.uniqueID
		
		var item1 = 1
		var newCell
		
		//*** Column 1 ***//
		newCell = newRow.insertCell(0)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
		//newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column1_"+intLine+"\" VALUE=\""+intLine+"\"></center>"
		newCell.innerHTML = "<center>"+intLine+"</center>"
		//*** Column 2 ***//
		newCell = newRow.insertCell(1)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"50\" NAME=\"Column2_"+intLine+"\" VALUE=\"\"></center>"		
		
		//*** Column 3 ***//
		newCell = newRow.insertCell(2)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column3_"+intLine+"\" VALUE=\"\"></center>"				
		
		//*** Column 4 ***//
		newCell = newRow.insertCell(3)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"10\" NAME=\"Column4_"+intLine+"\" VALUE=\"\"></center>"		
		
		//*** Column 5 ***//
		newCell = newRow.insertCell(4)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"10\" NAME=\"Column5_"+intLine+"\" VALUE=\"\"></center>"			
		
		document.form1.hdnMaxLine.value = intLine;
	//	alert(intLine);
		
		if(intLine == 10) 
		{
			alert('คุณกรอกครบ 10 รายการแล้ว');
			document.getElementById('btnAdd').disabled = true ;
		}
		
	}
	
	function RemoveRow()
	{
		intLine = parseInt(document.form1.hdnMaxLine.value);
		if(parseInt(intLine) > 0)
		{
				theTable = (document.all) ? document.all.tbExp : 
				document.getElementById("tbExp")
				theTableBody = theTable.tBodies[0];
				theTableBody.deleteRow(intLine);
				document.getElementById("theTable").disabled = false;
				intLine--;
				
				document.form1.hdnMaxLine.value = intLine;
		if(intLine < 11)
		{
		
			document.getElementById('btnAdd').disabled = false ;
		
		}		
		}
			
	}	
</script>
<body>
	<form action="verifeproblem.php" method="post" name="form1" enctype="multipart/form-data">
    
			<table width="100%" border="0" align="center" cellpadding="1" id="tbExp">
              <tr>
                <td width="6%"><div align="center">ลำดับที่</div></td>
                <td width="29%"><div align="center">รายการ</div></td>
                <td width="16%"><div align="center">จำนวน</div></td>
                <td width="13%"><div align="center">ราคา</div></td>
                <td width="36%"><div align="center">ราคารวมทั้งหมด</div></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td><label>
                    <div align="center"></div>
                  </label></td>
                <td><label>
                    <div align="center"></div>
                  </label></td>
              </tr>

            </table>              
            <label></label></td>
          </tr>
          <tr>
            <td><input type="hidden" name="hdnMaxLine" value="0">
              <input name="btnAdd" type="button" id="btnAdd" value="เพิ่มรายการ" onClick="CreateNewRow();">
              <input name="btnDel" type="button" id="btnDel" value="ลบรายการ" onClick="RemoveRow();"></td>
          </tr>
          <tr>
            <td><input type="submit" name="save" id="save" value="บันทึก"></td>
          </tr>
        </table>
	  <p>
	    <label></label>
	  </p>
	  <p>&nbsp;</p>
	</form>
</body>
</html>
ตอนนี้มีปัญหาเรื่องการลบ textbox ครับ  คือ ไม่สามารถลบเมื่อถึง textbox ที่ 8 และไม่สามารถเพิ่มต่อได้ครับ ไม่ทราบว่าผมแก้ไขโค้ดผิดตรงไหนครับ

Tag : PHP, HTML/CSS, JavaScript, Ajax

ประวัติการแก้ไข
2012-02-22 14:37:38
2012-02-22 15:59:49

Date : 2012-02-22 14:24:02

By : maxbuy33

View : 1082

Reply : 3

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ตัวอย่างนี้ผมเพิ่มลบได้ปกติครับ

Test บน Firefox / Chrome แล้วปกติครับ

Go to : Passing Popup to Main Page เทคนิคการส่งค่าจาก Popup ไปยังหน้าเพจ Form หลัก

Date : 2012-02-22 21:05:48

By : webmaster

No. 2

Bypassbuy

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

ขอบคุณครับ ท่าน Mr.win ^^

Date : 2012-02-23 21:11:01

By : maxbuy33

No. 3

Bypassbuy

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

ท่าน Mr.win ครับ แล้วถ้าต้องการเช็คในแต่ละช่องให้ใช้เฉพาะ ตัวเลข จะต้องดักอย่างไรครับ

Date : 2012-02-24 12:56:10

By : maxbuy33

ค้นหาข้อมูล

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

Re : ปัญหาการลบ multi textbox row และเมื่อลบแล้วไม่สามารถเพิ่ม textbox ได้

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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