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 > อยากให้มีปุ่มคลิกแล้วเพิ่ม textbox หลักและ textbox ย่อยก็มี่ปุ่มเพิ่มของมันด้วย อ่าครับ



 

อยากให้มีปุ่มคลิกแล้วเพิ่ม textbox หลักและ textbox ย่อยก็มี่ปุ่มเพิ่มของมันด้วย อ่าครับ

 



Topic : 094904



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



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




ตาราง

ตามรูปครับคือคลิกปุ่ม + ข้างบนให้เพิ่ม textbox ทั้ง 3 อัน และถ้าหากคลิกอันล่างให้ เพิ่ม textbox เฉพาะอันข้างล่างอ่าครับ



Tag : PHP








ประวัติการแก้ไข
2013-05-08 16:59:28
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-05-08 16:55:37 By : dreamt256 View : 1092 Reply : 10
 

 

No. 1



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



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


ไม่ได้จริงๆหรอครับ พอดีต้องรีบทำหนะครับ ให้เสร็จก่อนเปิดเทอม
หรือไม่ก็มีวิธีที่สามารถทดแทนได้ไหมอ่าครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 10:27:31 By : dreamt256
 


 

No. 2



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

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

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

ลองดูตัวนี้แล้วใช่ไหม๊ครับ



Go to : createElement(select); สร้าง Element ของ Select Option พร้อมกับ ดึงข้อมูลจาก MySQL Database ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 12:38:30 By : mr.win
 

 

No. 3



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



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


ขอบคุณครับพี่วิน

เดี๋ยวขอลองดูก่อนนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 14:44:43 By : dreamt256
 


 

No. 4



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



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


แต่เมื่อวานลองดู ลองเท่าก็ได้แค่อันเดียว เหมือนที่เคยทำได้อ่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 15:01:01 By : dreamt256
 


 

No. 5



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

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

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

Apply เอาครับ
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
    $('input[name="AddControl"]').click(function(e) {
        var Control = $('<div class="Control"><input type="text">:<input type="text" size="1"></div>');
		var DelControl = $('<input name="DelSub" type="button" value="x">').click(function(e) {
        	$(this).parent().remove();
        });
		var DivSub = $('<div class="Sub"></div>');
		var Input = $('<input type="text">');
		var DelSub = $('<input name="DelSub" type="button" value="+">').click(function(e) {
            var DivSub = $('<div class="Sub"></div>');
			var Input = $('<input type="text">');
			var DelSub = $('<input name="DelSub" type="button" value="x">').click(function(e) {
				$(this).parent().remove();
			});
			Input.appendTo(DivSub);
			DelSub.appendTo(DivSub);
			DivSub.appendTo($(this).parent());
        });
		Input.appendTo(DivSub);
		DelSub.appendTo(DivSub);

		DelControl.appendTo(Control);
		DivSub.appendTo(Control);
		Control.appendTo('body');
    });
	
	$('input[name="AddSub"]').click(function(e) {
		var DivSub = $('<div class="Sub"></div>');
		var Input = $('<input type="text">');
		var DelSub = $('<input name="DelSub" type="button" value="x">').click(function(e) {
            $(this).parent().remove();
        });
		Input.appendTo(DivSub);
		DelSub.appendTo(DivSub);
		DivSub.appendTo($(this).parent());
	});
	
});
</script>
</head>

<body>
	<div class="Control">
    	<input type="text">:<input type="text" size="1"><input name="AddControl" type="button" value="+">
    	<div class="Sub">
        	<input type="text"><input name="AddSub" type="button" value="+">
        </div>
    </div>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 17:36:11 By : Krungsri
 


 

No. 6



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



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


ขอบคุณ คุณ Krungsri มากเลยนะครับ ตอนแรกก็ใช้โค้ดของคุณวิน มา apply ครับ แล้วก็ทำได้แล้ว แต่ยังใช้กัน firefox ไม่ได้
แต่ตัวที่คุณ Krungsri เอามาให้ มันใช้ได้ดีเลยหละครับ ขอบคุณมากครับ


ประวัติการแก้ไข
2013-05-09 19:42:05
2013-05-09 20:21:24
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 19:08:15 By : dreamt256
 


 

No. 7



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

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

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

เอา Code มาดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 20:15:01 By : Krungsri
 


 

No. 8



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



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


ตอนนี้ได้แล้วครับ แต่ขอถามอะไรนิดนึงนะครับ คือใส่โค๊ดแบบนี้แล้วทำไมมันไม่ทำงานอ่าครับ

<script type="text/javascript">
$(document).ready(function(e) {
    $('#addmain').click(function(e) {
        var Control = $('<div class="Control">&nbsp;&nbsp;<input type="text" name="rally[]" id="rally[]" style="width:220px;" value="กรุณากรอกชื่อชุมนุม" onblur="clickrecall(this, \'กรุณากรอกชื่อชุมนุม\')" onclick="clickclear(this, \'กรุณากรอกชื่อชุมนุม\')" />&nbsp;:&nbsp;<input type="text" name="amount_limit[]" id="amount_limit[]" style="width:20px;" maxlength="2" onkeypress="check_number();"/></div>');
		var DelControl = $('<img src="images/delete.png" width="20" height="20" title="ลบช่องชุมนุม" id="del" />').click(function(e) {
        	$(this).parent().remove();
        });
		var DivSub = $('<div class="Sub"></div>');
		var Input = $('&nbsp;&nbsp;<select name="title[]"><option value="">--เลือก--</option><option value="1">นาย</option><option value="2">นาง</option><option value="3">นางสาว</option></select>&nbsp;<input type="text" name="name[]" id="name[]" style="width:80px;" value="ชื่อ" onblur="clickrecall(this, \'ชื่อ\')" onclick="clickclear(this, \'ชื่อ\')"/>&nbsp;-&nbsp;<input type="text" name="surname[]" id="surname[]" style="width:80px;" value="นามสกุล" onblur="clickrecall(this, \'นามสกุล\')" onclick="clickclear(this, \'นามสกุล\')"/>');
		var DelSub = $('<img src="images/plus.png" width="20" height="20" title="เพิ่มช่องชุมนุม" id="add"/>').click(function(e) {
            var DivSub = $('<div class="Sub"></div>');
			var Input = $('&nbsp;&nbsp;<select name="title[]"><option value="">--เลือก--</option><option value="1">นาย</option><option value="2">นาง</option><option value="3">นางสาว</option></select>&nbsp;<input type="text" name="name[]" id="name[]" style="width:80px;" value="ชื่อ" onblur="clickrecall(this, \'ชื่อ\')" onclick="clickclear(this, \'ชื่อ\')"/>&nbsp;-&nbsp;<input type="text" name="surname[]" id="surname[]" style="width:80px;" value="นามสกุล" onblur="clickrecall(this, \'นามสกุล\')" onclick="clickclear(this, \'นามสกุล\')"/>');
			var DelSub = $('<img src="images/delete.png" width="20" height="20" title="ลบช่องชุมนุม" id="del" />').click(function(e) {
				$(this).parent().remove();
			});
			Input.appendTo(DivSub);
			DelSub.appendTo(DivSub);
			DivSub.appendTo($(this).parent());
        });
		Input.appendTo(DivSub);
		DelSub.appendTo(DivSub);

		DelControl.appendTo(Control);
		DivSub.appendTo(Control);
		Control.appendTo('#big');
    });
	
	$('#addsub').click(function(e) {
		var DivSub = $('<div class="Sub"></div>');
		var Input = $('&nbsp;&nbsp;<select name="title[]"><option value="">--เลือก--</option><option value="1">นาย</option><option value="2">นาง</option><option value="3">นางสาว</option></select>&nbsp;<input type="text" name="name[]" id="name[]" style="width:80px;" value="ชื่อ" onblur="clickrecall(this, \'ชื่อ\')" onclick="clickclear(this, \'ชื่อ\')"/>&nbsp;-&nbsp;<input type="text" name="surname[]" id="surname[]" style="width:80px;" value="นามสกุล" onblur="clickrecall(this, \'นามสกุล\')" onclick="clickclear(this, \'นามสกุล\')"/>');
		var DelSub = $('<img src="images/delete.png" width="20" height="20" title="ลบช่องชุมนุม" id="del" />').click(function(e) {
            $(this).parent().remove();
        });
		Input.appendTo(DivSub);
		DelSub.appendTo(DivSub);
		DivSub.appendTo($(this).parent());
	});
	
});
</script>



<div id="big">
     <div class="Control">
&nbsp;&nbsp;<input type="text" name="rally[]" id="rally[]" style="width:220px;" value="กรุณากรอกชื่อชุมนุม" onblur="clickrecall(this, 'กรุณากรอกชื่อชุมนุม')" onclick="clickclear(this, 'กรุณากรอกชื่อชุมนุม')" />&nbsp;:&nbsp;<input type="text" name="amount_limit[]" id="amount_limit[]" style="width:20px;" maxlength="2" onkeypress="check_number();"/><img src="images/plus.png" width="20" height="20" title="เพิ่มช่องชุมนุม" id="addmain"/>
<div class="Sub">
&nbsp;&nbsp;<select name="title[]"><option value="">--เลือก--</option><option value="1">นาย</option><option value="2">นาง</option><option value="3">นางสาว</option></select>&nbsp;<input type="text" name="name[]" id="name[]" style="width:80px;" value="ชื่อ" onblur="clickrecall(this, 'ชื่อ')" onclick="clickclear(this, 'ชื่อ')"/>&nbsp;-&nbsp;<input type="text" name="surname[]" id="surname[]" style="width:80px;" value="นามสกุล" onblur="clickrecall(this, 'นามสกุล')" onclick="clickclear(this, 'นามสกุล')"/><img src="images/plus.png" width="20" height="20" title="เพิ่มช่องชุมนุม" id="addsub"/>
    	</div>
    </div>
</div>


แต่ถ้าใส่แบบนี้มันทำงานอ่าครับ
<script type="text/javascript">
$(document).ready(function(e) {
    $('#addmain').click(function(e) {
        var Control = $('<div class="Control">&nbsp;&nbsp;<input type="text" name="rally[]" id="rally[]" style="width:220px;" value="กรุณากรอกชื่อชุมนุม" onblur="clickrecall(this, \'กรุณากรอกชื่อชุมนุม\')" onclick="clickclear(this, \'กรุณากรอกชื่อชุมนุม\')" />&nbsp;:&nbsp;<input type="text" name="amount_limit[]" id="amount_limit[]" style="width:20px;" maxlength="2" onkeypress="check_number();"/></div>');
		var DelControl = $('<img src="images/delete.png" width="20" height="20" title="ลบช่องชุมนุม" id="del" />').click(function(e) {
        	$(this).parent().remove();
        });
		var DivSub = $('<div class="Sub"></div>');
		var Input = $('<input type="text"/>');
		var DelSub = $('<img src="images/plus.png" width="20" height="20" title="เพิ่มช่องชุมนุม" id="add"/>').click(function(e) {
            var DivSub = $('<div class="Sub"></div>');
			var Input = $('<input type="text"/>');
			var DelSub = $('<img src="images/delete.png" width="20" height="20" title="ลบช่องชุมนุม" id="del" />').click(function(e) {
				$(this).parent().remove();
			});
			Input.appendTo(DivSub);
			DelSub.appendTo(DivSub);
			DivSub.appendTo($(this).parent());
        });
		Input.appendTo(DivSub);
		DelSub.appendTo(DivSub);

		DelControl.appendTo(Control);
		DivSub.appendTo(Control);
		Control.appendTo('#big');
    });
	
	$('#addsub').click(function(e) {
		var DivSub = $('<div class="Sub"></div>');
		var Input = $('<input type="text"/>');
		var DelSub = $('<img src="images/delete.png" width="20" height="20" title="ลบช่องชุมนุม" id="del" />').click(function(e) {
            $(this).parent().remove();
        });
		Input.appendTo(DivSub);
		DelSub.appendTo(DivSub);
		DivSub.appendTo($(this).parent());
	});
	
});
</script>



<div id="big">
     <div class="Control">
&nbsp;&nbsp;<input type="text" name="rally[]" id="rally[]" style="width:220px;" value="กรุณากรอกชื่อชุมนุม" onblur="clickrecall(this, 'กรุณากรอกชื่อชุมนุม')" onclick="clickclear(this, 'กรุณากรอกชื่อชุมนุม')" />&nbsp;:&nbsp;<input type="text" name="amount_limit[]" id="amount_limit[]" style="width:20px;" maxlength="2" onkeypress="check_number();"/><img src="images/plus.png" width="20" height="20" title="เพิ่มช่องชุมนุม" id="addmain"/>
<div class="Sub">
&nbsp;&nbsp;<select name="title[]"><option value="">--เลือก--</option><option value="1">นาย</option><option value="2">นาง</option><option value="3">นางสาว</option></select>&nbsp;<input type="text" name="name[]" id="name[]" style="width:80px;" value="ชื่อ" onblur="clickrecall(this, 'ชื่อ')" onclick="clickclear(this, 'ชื่อ')"/>&nbsp;-&nbsp;<input type="text" name="surname[]" id="surname[]" style="width:80px;" value="นามสกุล" onblur="clickrecall(this, 'นามสกุล')" onclick="clickclear(this, 'นามสกุล')"/><img src="images/plus.png" width="20" height="20" title="เพิ่มช่องชุมนุม" id="addsub"/>
    	</div>
    </div>
</div>



ประวัติการแก้ไข
2013-05-09 20:26:01
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 20:24:17 By : dreamt256
 


 

No. 9



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

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

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


$('<div class="Control"><input type="text">:<input type="text" size="1"></div>');


selector แบบนี้ได้ด้วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-09 21:04:17 By : ikikkok
 


 

No. 10



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



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


ตอนนี้ได้แล้วครับ แค่เอา &nbsp; ข้างหน้าออก และไม่ให้เว้นวรรคข้างหน้า ขอบคุณทุกคนมากเลยนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-10 06:29:42 By : dreamt256
 

   

ค้นหาข้อมูล
   
 

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