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 > สอบถามผู้รู้หน่อย ครับ.....ทำไม่ <script> อันนี้ มัน ไม่ทำงาน ครับ



 

สอบถามผู้รู้หน่อย ครับ.....ทำไม่ <script> อันนี้ มัน ไม่ทำงาน ครับ

 



Topic : 129736



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



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




Code (JavaScript)
<script language="javascript">
$(document).ready(function(){
first(); // เมื่อ page ถูกโหลดจะทำฟังก์ชัน first ก่อน
$('#btnAdd').click(first); // เมื่อ click จะสร้าง element ขึ้นมาใหม่(สร้างอินพุตใหม่)
$('#btnSend').click(send); //เมื่อคลิกจะทำฟังก์ชัน send
});

function first(){//ค่าที่ส่งไปเพื่อบันทึกลงฐาน
var id = $('#cover div').length+1; // นับว่ามี tag div กี่อันแล้ว แล้ว +1
var wrapper = $("<div id=\"field"+id+"\">"); // สร้าง div
var parag = $("<p>แนบไฟล์ที่\...["+id+"\]</p>"); // สร้าง p
var text = $("<input type='file' name=\"fileUpload"+id+"\" />&nbsp;&nbsp; "); // สร้าง input


var btnDel = $("<input type='button' value='- ลบ' id=\"btn"+id+"\"/>");
btnDel.click(function(){
$(this).parent().remove();
});

wrapper.append(parag);
wrapper.append(text);
wrapper.append(btnDel);
$('#cover').append(wrapper);
}

function send(){ //นับ div ทั้งหมดก่อนส่ง
var id= $('#cover div').length;
var hiddens = $("<input type='hidden' name='hidden' value=\""+id+"\"/>");
$('form').append(hiddens);
$('form').submit();
}
</script>



<div id="cover"></div>
<input type="button" id="btnAdd" value="++เพิ่ม" />//ปุ่ม เพิ่ม แสดง ปกติ แต่ ปุ่ม ให้ เพิ่ม ไฟล์เอกสาร กับ -ลบ ไม่ ทำงาน ครับ
ไม่รู้ว่า เกิน จาก อะไร ครับ พอไปใส กับอีก เพจ นึก ได้ ปกติ ครับ

ขอคำแนะนำหน่อย ครับบบ


ภาพที่1..ขึ้นปกติ
ภาพที่1...

ภาพที่2...อันนี้ไม่ขึ้นเลยยย
ภาพที่2...



Tag : MySQL









ประวัติการแก้ไข
2017-12-19 11:41:41
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-12-19 11:35:47 By : baby137 View : 830 Reply : 5
 

 

No. 1



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

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

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

กด Ctrl+Shift+J บน Chrome มี Error ไหม๊ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-19 17:14:07 By : mr.win
 


 

No. 2



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



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


เอาไปเทสต์ก็ทำงานได้นะครับ ลองดูว่าต่างกันตรงไหน
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="/asset/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
	first(); // เมื่อ page ถูกโหลดจะทำฟังก์ชัน first ก่อน
	$('#btnAdd').click(first); // เมื่อ click จะสร้าง element ขึ้นมาใหม่(สร้างอินพุตใหม่)
	$('#btnSend').click(send); //เมื่อคลิกจะทำฟังก์ชัน send
});

function first(){//ค่าที่ส่งไปเพื่อบันทึกลงฐาน
	var id = $('#cover div').length+1; // นับว่ามี tag div กี่อันแล้ว แล้ว +1
	var wrapper = $("<div id=\"field"+id+"\">"); // สร้าง div
	var parag = $("<p>แนบไฟล์ที่\...["+id+"\]</p>"); // สร้าง p
	var text = $("<input type='file' name=\"fileUpload"+id+"\" />&nbsp;&nbsp; "); // สร้าง input


	var btnDel = $("<input type='button' value='- ลบ' id=\"btn"+id+"\"/>");
	btnDel.click(function(){
		$(this).parent().remove();
	});

	wrapper.append(parag);
	wrapper.append(text);
	wrapper.append(btnDel);
	$('#cover').append(wrapper);
}

function send(){ //นับ div ทั้งหมดก่อนส่ง
	var id= $('#cover div').length;
	var hiddens = $("<input type='hidden' name='hidden' value=\""+id+"\"/>");
	$('form').append(hiddens);
	$('form').submit();
}
</script>
</head>
<body>
<div id="cover" ></div>
<input type="button" id="btnAdd" value="++เพิ่ม" />
</body>
</html>

ปล.
แนบไฟล์ที่...[1]
var id = $('#cover div').length+1; // นับว่ามี tag div กี่อันแล้ว แล้ว +1

แบบนี้ไม่work เพราะเวลาลบ ตัวเลขมันไม่ได้เปลี่ยน ควรแสดงเป็นจำนวนทั้งหมด
แต่ตอนเพิ่ม มันนับจำนวน div ควร สร้าง unique id มาใช้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-19 20:56:11 By : Chaidhanan
 

 

No. 3



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

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

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

ลองตรวจสอบ jquery version และ jquery ที่เรียกมาใช้งานดูก่อนครับ ว่าเรียกซ้ำกันหรือเปล่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-19 23:56:16 By : Manussawin
 


 

No. 4



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



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


ได้แล้วครับบบ ขอบคุณทุกคำแนะนำครับบบ

ผมต้องใส <script src="http://code.jquery.com/jquery-latest.js"></script> เข้าไปด้วย จึงทำงานครับบ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-20 13:39:11 By : baby137
 


 

No. 5



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



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

คือลืม import Jquery
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-20 13:48:24 By : Hararock
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามผู้รู้หน่อย ครับ.....ทำไม่ <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 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 อัตราราคา คลิกที่นี่