Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > รบกวนแนะนำphp ที่กดบวกแล้วเพิ่มฟิลสำรับinputข้อมูลแบบไม่จำกัดฟิลทีครับ



 

รบกวนแนะนำphp ที่กดบวกแล้วเพิ่มฟิลสำรับinputข้อมูลแบบไม่จำกัดฟิลทีครับ

 



Topic : 130023



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



สถานะออฟไลน์




รบกวนสอบถามหน่อยครับ กรณีเราต้องการเพิ่ม input textbox ขึ้นมาใหม่ทั้ง row สำหรับหน้าฟอร์มสำหรับกรอกข้อมูลแบบไม่จำกัด โดยให้ฟิลทั้งหมดที่เพิ่มมาเก็บใน SQL อิงจาก formID จะต้องเขียน PHP ยังไงถึงจะสามารถเพิ่มได้ครับ คิดว่าค้งต้องเก็บข้อมูลเป็นแบบArray

ตัวอย่างน่าจะประมาณนี้นะครับ แบบว่าของเดิมในหน้าฟอร์มมีอยู่แล้ว5ฟิล กดปุ่มบวก ก็จะเพิ่มมาให้กรอกอีกชุดนึง แล้วกดบันทึกฟิลทั้งหมดจะเก็บรวมกันหรือแยกก็ได้แต่เวลาเรียกแสดงผมคิดว่าจะใช้อิงจาก formID

add row2


พอดีผมไปเจอตัวนี้มา

https://www.thaicreate.com/community/jquery-dynamic-table-multi-input.html

ของเดิมเค้าใช้เป็น table พอผมแก้เป็นใช้แบบ div แล้วมันกดเพิ่มไม่ได้นะครับต้องแก้ตรงไหนเพิ่มอีกหรอครับ

Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	var rows = 1;
	$("#createRows").click(function(){
						var tr = "<div class='table_row'>";
						tr = tr + "<div class='table_small'> <div class='table_cell'> <input type='text' name='txtCustomerID"+rows+"' id='txtCustomerID"+rows+"'> </div></div>";
						tr = tr + "<div class='table_small'> <div class='table_cell'> <input type='text' name='txtName"+rows+"' id='txtName"+rows+"'> </div></div>";
						tr = tr + "<div class='table_small'> <div class='table_cell'> <input type='text' name='txtEmail"+rows+"' id='txtEmail"+rows+"'> </div></div>";
						tr = tr + "<div class='table_small'> <div class='table_cell'> <input type='text' name='txtCountryCode"+rows+"' id='txtCountryCode"+rows+"'> </div></div>";
						tr = tr + "<div class='table_small'> <div class='table_cell'> <input type='text' name='txtBudget"+rows+"' id='txtBudget"+rows+"'> </div></div>";
						tr = tr + "<div class='table_small'> <div class='table_cell'> <input type='text' name='txtUsed"+rows+"' id='txtUsed"+rows+"'> </div></div>";
						tr = tr + "</div>";
						$('#myTable > tbody:last').append(tr);
					
						$('#hdnCount').val(rows);
						rows = rows + 1;
		});

		$("#deleteRows").click(function(){
				if ($("#myTable tr").length != 1) {
					 $("#myTable tr:last").remove();
				}
		});

		$("#clearRows").click(function(){
				rows = 1;
				$('#hdnCount').val(rows);
				$('#myTable > tbody:last').empty(); // remove all
		});


		$("#frmMain").submit(function() {

			var bFlag = true;
            $("table#myTable input[id*='txtCustomerID']").each(function (index) {
				var line = index + 1;
                var txtCustomerID = $("table#myTable input[id*='txtCustomerID']").eq(index);
                var txtName = $("table#myTable input[id*='txtName']").eq(index);
				var txtEmail = $("table#myTable input[id*='txtEmail']").eq(index);
				var txtCountryCode = $("table#myTable input[id*='txtCountryCode']").eq(index);
				var txtBudget = $("table#myTable input[id*='txtBudget']").eq(index);
				var txtUsed = $("table#myTable input[id*='txtUsed']").eq(index);

				if($(txtCustomerID).val() != "" ||
					$(txtName).val() != "" ||
					$(txtEmail).val() != "" ||
					$(txtCountryCode).val() != "" ||
					$(txtBudget).val() != "" ||
					$(txtUsed).val() != "")
				{
						
					if($(txtCustomerID).val() == "")
					{
						alert('Please input CustomerID line...' + line);
						bFlag = false;
					}
					if($(txtName).val() == "")
					{
						alert('Please input Name line...' + line);
						bFlag = false;
					}
					if($(txtEmail).val() == "")
					{
						alert('Please input Email line...' + line);
						bFlag = false;
					}
					if($(txtCountryCode).val() == "")
					{
						alert('Please input CountryCode line...' + line);
						bFlag = false;
					}
					if($(txtBudget).val() == "")
					{
						alert('Please input Budget line...' + line);
						bFlag = false;
					}
					if($(txtUsed).val() == "")
					{
						alert('Please input Used line...' + line);
						bFlag = false;
					}

				}

            });

			if(!bFlag) {  return false; }
			return true;
		});

	});
</script>


 <form action="page2.php" id="frmMain" name="frmMain" method="post">
<h1>jQuery Dynamic table input</h1>

<div class="table table-striped" id="myTable">
	<div class='theader' style="background: #3C8DBC; color: white;">
	    <div class='table_header' align="center">รายการ </div>
	    <div class='table_header' align="center">รายละเอียด </div>
	    <div class='table_header' align="center">ประเภท </div>
	    <div class='table_header' align="center">ราคาก่อน VAT </div>
	    <div class='table_header' align="center">VAT 7% </div>
	    <div class='table_header' align="center">ราคารวม </div>   
	</div><!-- theader -->
</div><!-- table table-striped -->
<br />
<input type="button" id="createRows" value="Add">
<input type="button" id="deleteRows" value="Del">
<input type="button" id="clearRows" value="Clear">
 <center>
 <br>
 <input type="hidden" id="hdnCount" name="hdnCount">
<input type="submit" value="Submit">
 </form>




Tag : PHP, MySQL, HTML, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2018-01-20 10:23:44
2018-01-20 11:13:53
2018-01-20 11:15:08
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-01-20 10:21:47 By : puttisak View : 1213 Reply : 1
 

 

No. 1



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



สถานะออฟไลน์


ใช้คำค้นหานี้นะค่ะ
multiple-add-insert








ประวัติการแก้ไข
2018-01-20 14:39:22
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-20 14:37:23 By : panthipa
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนแนะนำphp ที่กดบวกแล้วเพิ่มฟิลสำรับinputข้อมูลแบบไม่จำกัดฟิลทีครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่