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,037

HOME > PHP > PHP Forum > สอบถามการใช้ input CreateNewRow เป็นรูปแบบฟอร์ม หลายๆบรรทัด



 

สอบถามการใช้ input CreateNewRow เป็นรูปแบบฟอร์ม หลายๆบรรทัด

 



Topic : 102696



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



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




input

ประมาณเนี้ยอะครับ

โดยสามารถเพิ่มได้หลายๆ แบบฟอร์ม



Tag : PHP, MySQL









ประวัติการแก้ไข
2013-11-15 15:56:08
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-11-15 13:07:51 By : noppawut View : 1564 Reply : 3
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ลองดูตามนี้ครับ ในตัวอย่างมีบรรทัดเดียว
แต่ผมเชื่อว่าคุณ apply เองให้มีหลายบรรทัด (หลาย input เดิม) ได้ครับ

Code (PHP)
//Created by Mr.Mongkon Kaenjan
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
    $('#remove').hide();
    $('#addrow').click(function(){
        if(($('#tb tr').size()) > 1){
            $('#remove').show();
        }
        
        var no = parseInt($('#tb tr').length)+1;
         $('#tb tr:last').after(
            '<tr><td>'+no+'</td>'+
            '<td><input type="text" id="txt" name="txt[]"></td>'+
             '<td><select id="ddl" name="ddl[]">'+
                    '<option>--select one--</option>'+
                    '<option value="A">option A</option>'+
                    '<option value="B">option B</option>'+
                    '</select>'+
             '</td></tr>'
        );
    });
    
    $('#remove').click(function(){
        
        $('#tb tr:last').remove();
        if(($('#tb tr').size())==1){
            $('#remove').hide();
        }        
    });
});
</script>
<table id="tb">
    <tr>
        <td>1.</td>
        <td><input type="text" id="txt" name="txt[]"></td>
            <td>
                <select id="ddl" name="ddl[]">
                    <option>--select one--</option>
                    <option value="A">option A</option>
                    <option value="B">option B</option>
                </select>
             <button id="addrow">Add row</button><button id="remove">Remove</button></td>
   </tr>
</table>









แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-15 16:46:09 By : mangkunzo
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mangkunzo เมื่อวันที่ 2013-11-15 16:46:09
รายละเอียดของการตอบ ::
ขอบคุณมากครับ
แต่ถ้า แบบ code แบบนี้ จะเพิ่มบรรทัดตรงไหนอ่ะครับ

Code (PHP)
function CreateNewRow()
	
	
	{
		var intLine = parseInt(document.frmMain.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 = "<right><INPUT TYPE=\"TEXT\" SIZE=\"20\" NAME=\"Old_Company[]\" VALUE=\"\" class=\"input-medium\"style=\"text-align:center\" placeholder=\"ชื่อบริษัท\" ID=\"Co1_"+intLine+"\" ></right>"	

		//*** Column 2 ***//
		newCell = newRow.insertCell(1)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<right><INPUT TYPE=\"TEXT\" SIZE=\"15\" NAME=\"Old_positon[]\" VALUE=\"\" class=\"input-medium\"style=\"text-align:center\" placeholder=\"ตำแหน่ง\" ID=\"Co2_"+intLine+"\" ></right>"	
		
		//*** Column 3 ***//
		newCell = newRow.insertCell(2)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><SELECT NAME=\"Old_Start[]\" ID=\"Co3_"+intLine+"\" class=\"input-small\"style=\"text-align:center\" ></SELECT></center>";
		//*** Create Option ***//
		CreateSelectOption("Co3_"+intLine+"")
	
	
		//*** Column 4 ***//
		newCell = newRow.insertCell(3)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><SELECT NAME=\"Old_End[]\" class=\"input-small\"style=\"text-align:center\" ID=\"Co4_"+intLine+"\" ></SELECT></center>"	

//*** Create Option ***//
		CreateSelectOption1("Co4_"+intLine+"")
	

		
		//*** Column 5 ***//
		newCell = newRow.insertCell(4)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<right><INPUT TYPE=\"TEXT\" SIZE=\"13\" NAME=\"Old_Salary_Start[]\" VALUE=\"\" class=\"input-small\"style=\"text-align:center\" placeholder=\"เงินเดือนเริ่มต้น\" ID=\"Co5_"+intLine+"\" ></right>"	
		
		
		
		//*** Column 6 ***//
		newCell = newRow.insertCell(5)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<right><INPUT TYPE=\"TEXT\" SIZE=\"13\" NAME=\"Old_Salary_End[]\" VALUE=\"\" class=\"input-small\"style=\"text-align:center\" placeholder=\"เงินเดือนเสุดท้าย\" ID=\"Co6_"+intLine+"\" ></right>"	
				
		//*** Column 7 ***//

		newCell = newRow.insertCell(6)
		newCell.id = newCell.uniqueID
		newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<right><textarea NAME=\"Old_Why[]\" VALUE=\"\" class=\"input-medium\"style=\"text-align:center\" placeholder=\"สาเหตุที่ออก\"cols=\"20\" rows=\"2\"ID=\"Co7_"+intLine+"\"  ></textarea></right>"	

		
	


		document.frmMain.hdnMaxLine.value = intLine;
	}
	


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-15 17:48:53 By : noppawut
 

 

No. 3



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 2 เขียนโดย : noppawut เมื่อวันที่ 2013-11-15 17:48:53
รายละเอียดของการตอบ ::
แนะนำให้ใช้อย่างที่คุณ mangkunzo เขียน example ไว้ให้ดีกว่าครับ ง่ายกว่าสั้นกว่า เข้าใจง่ายกว่า และน่าจะทำงานได้เร็วกว่า

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-15 21:27:53 By : Ex-[S]i[L]e[N]t
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามการใช้ input CreateNewRow เป็นรูปแบบฟอร์ม หลายๆบรรทัด
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 03
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 อัตราราคา คลิกที่นี่