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 > createElement ปัญาการเพิ่ม textbox โดยใช้ java script รบกวนช่วยหน่อยครับ



 

createElement ปัญาการเพิ่ม textbox โดยใช้ java script รบกวนช่วยหน่อยครับ

 



Topic : 077990



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

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

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




คือผมไม่ค่อยรู้เรื่องเกี่ยวกับ java มากเท่าไรแล้วต้องมาแก้โค๊ตที่คนอื่นเขียนไว

จากรูปแถวที่1จะเป็นข้อมูลที่เกิดหลังจากกดปุ่มเพิ่มซึ่งผมต้องการให้ข้อมูลยังคงอยู่ใน textbox เหมือนเดิมไม่ให้ตัว textbox ในแถวที่ 1 หายไป

ajax text


Code (JavaScript)
function addCapital(){
	var validator = true;

	if(window.document.getElementById("capital_name").value == ""){
		validator = false;
		alert("กรุณากรอกชื่อทุนดำเนินการ");
	}

	if(!validator)
		return false;

	var tbl = document.getElementById("ajax_capital");
	var lastRow = tbl.rows.length-1;
	var row = tbl.insertRow(lastRow);

	var cell0 = row.insertCell(0);
	var textNode = document.createTextNode(window.document.getElementById("capital_name").value);
	cell0.appendChild(textNode);


	// CELL : member
	var cell1 = row.insertCell(1);
	var textNode = document.createTextNode(window.document.getElementById("capital_amount").value == "" ? 0 : window.document.getElementById("capital_amount").value);
	cell1.style.textAlign = "center";
	cell1.appendChild(textNode);
	
	// CELL : Control
	var cellControl = row.insertCell(2);
	cellControl.style.textAlign = "center";
	var el = document.createElement('input');
	el.type = 'button';
	el.name = 'btn_remove';
	el.value = 'ลบ';
	el.onclick = function(evt){if(confirm("ต้องการลบรายการนี้?")){deleteCurrentRow(el);}};
	cellControl.appendChild(el);
	
	var el = document.createElement('input');
	el.type = 'hidden';
	el.name = 'data[capital][name][]';
	el.value = window.document.getElementById("capital_name").value;
	cellControl.appendChild(el);
	
	var el = document.createElement('input');
	el.type = 'hidden';
	el.name = 'data[capital][amount][]';
	el.value = window.document.getElementById("capital_amount").value == "" ? 0 : window.document.getElementById("capital_amount").value;
	cellControl.appendChild(el);
	
	window.document.getElementById("capital_amount").value = "";
	window.document.getElementById("capital_name").value = "";
	window.document.getElementById("capital_name").focus();
}





Tag : PHP, JavaScript, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-05-04 16:19:04 By : babyprogrammer View : 1063 Reply : 2
 

 

No. 1



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

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

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


ลงเปลี่ยน

el.type = 'hidden';

เป็น

el.type = 'text';








ประวัติการแก้ไข
2012-05-04 16:49:06
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-04 16:43:59 By : ไวยวิทย์
 


 

No. 2



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

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

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

ตัวอย่างนี้ก็ง่ายครับ แทรกใน table ด้วยครับ

ลองใช้ตัวนี้เลยครับ ใช้งานจริงได้



createElement('select'); สร้าง Element ของ Select Option พร้อมกับ ดึงข้อมูลจาก MySQL Database ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-05 07:58:41 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : createElement ปัญาการเพิ่ม textbox โดยใช้ java script รบกวนช่วยหน่อยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 00
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 อัตราราคา คลิกที่นี่