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 > สอบถามการใช้งาน jQuery หน่อยครับ ใช้แบบหลายๆบรรทัดครับ



 

สอบถามการใช้งาน jQuery หน่อยครับ ใช้แบบหลายๆบรรทัดครับ

 



Topic : 093353

Guest




มีปัญหาการใช้งาน Jquery อ่ะครับ
ผม นำ Java มาใช้ใน page อะครับ เป็น code เพิ่ม textbox อ่ะครับ ทีนี้มันมีปัญหาว่า ผมอยากใส่ ปฏิทินลงใน textbox ที่เป็นวันที่อ่ะครับ
แต่ว่ามันใส่ได้แค่บรรทัดแรกบรรทัดเดียว ผมไม่รู้ว่าต้องเขียนยังไงให้ มันใช้กับบรรทัดอื่นๆได้ด้วย
ผมลองเรียกชื่อคลาสเอา มันก็ไปแสดงค่าในบรรทัดแรกครับ เลยไม่รู้ต้องเรียกยังไง

code jquery
Code (Java)
jQuery(document).ready(function($) {
	$(".sel_date").datepicker({dateFormat: "yy-mm-dd", changeMonth: true});
});


code php
Code (PHP)
<input type="text" name="dated[]" id="dated[]" class="sel_date" />




Tag : PHP, MySQL, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-04-03 16:30:08 By : aaa View : 1077 Reply : 11
 

 

No. 1



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



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

หมายถึงอยากให้ใช้ได้หลายๆtextbox ใช้ไหมค่ะ

ก็สร้างขึ้นมาอีกชุดนึงค่ะ

Code (Java)
jQuery(document).ready(function($) {
	$(".calendar1").datepicker({dateFormat: "yy-mm-dd", changeMonth: true});
        $(".calendar2").datepicker({dateFormat: "yy-mm-dd", changeMonth: true});
});


Code
<input type="text" name="date" id="date" class="calendar1" /> <input type="text" name="date" id="date" class="calendar2" />







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-03 17:19:39 By : LuckyStar
 


 

No. 2

Guest


คือผมอยากให้ใช้ได้หลายๆ textbox อะครับ แต่ว่า ผมใช้ function
Code (Java)
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

นี้ในการเพิ่ม textbox ที่นี้มันเปนการเพิ่มแบบตัวแปลของ textboxเป็น array อย่างนี้อ่ะครับ name[]
ผมเลยไม่รู้ว่า ใน jquery มันต้องเรียกตัวแปรอย่างนี้ยังไง
ประมาณนี้อ่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-03 17:41:08 By : aaa
 

 

No. 3

Guest


ใน Jquery มันมีวิธีเรียกตัวแปรphp แบบนี้ยังไงอ่ะครับ name[]
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-03 17:54:09 By : aaa
 


 

No. 4



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

Hall of Fame 2012

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


อ่าขออีกทีเนิงครับ อธิบายชัดๆต้องการอะไร เดี๋ยลองเขียน code example ให้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-03 17:56:37 By : Ex-[S]i[L]e[N]t
 


 

No. 5

Guest


code php textbox นะครับ
Code (PHP)
<input type="text" name="dated[]" id="dated[]" class="sel_date" />


ที่นี้ผมวนลูปตัว textbox ข้างบน แล้วอยากใส่ Jquery เลือกวันที่ให้ตัว textbox ข้างบนอ่ะครับ
ผมทำไม่เป็นอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-03 18:09:47 By : aaa
 


 

No. 6

Guest


ขอ ดันหน่อยนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-04 09:35:27 By : aaa
 


 

No. 7

Guest


ขอทราบความจำเป็นที่ต้องใช้ id เป็นแบบ Array ครับ ว่าทำไม

ปกติแล้ว id มันไม่จำเป็นต้องตั้งแบบ Array ก็ได้ เพราะไม่ได้เอาไปประมวลผลอะไรไม่ใช่หรือครับ..
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-04 10:17:06 By : deawx
 


 

No. 8

Guest


คือว่า ผมใช้ JqueryUI แล้วใช้ function datepicker ของมันอ่ะครับ ลงไปใน textbox
ที่นี้ใน 1 แถว จะมี textbox ชื่อ dated อยู่ 1 ตัว แล้วผมไป copy function จากที่นี่มา
มันเป็น function วนลูปเพื่อสร้าง texrbox เองให้เป็นหลายๆบรรทัด เพื่อเก็บข้อมูลลงใน DB
มันเลยมีปัญหาว่า ถ้าใช้ JqueryUI ในการแสดงfunction datepicker ผมให้มันเรียกจาก id
ผมเลยคิดว่า id เลยต้องเป็น array อ่ะครับ
ไม่งั้นถ้าเป็นชื่อเดียว มันก็จะไปแสดงค่าที่ แถวที่ 1 เสมอ แถวอื่นๆไม่แสดงค่า แต่ function datepicker
มันก็แสดงปฎิทินออกมาอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-04 10:46:41 By : aaa
 


 

No. 9



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

Hall of Fame 2012

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


Code (PHP)
<html lang="en">
<head>  
<meta charset="utf-8" />  
<title>jQuery UI Datepicker - Default functionality</title>  
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />  
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>  
<link rel="stylesheet" href="/resources/demos/style.css" />  
<script>  
	$(function() {    
		date();  // onload เข้า function date
		$('#btn').click(function(){ // เมื่อมีการคลิ๊กปุ่ม เข้าฟังชั่น
			var count=$('#hdcount'); // attr id
			var span=$('#sDate'); // attr id
			var countinsert=count.val()+1 // update value +1
			var input=$('<input>').attr({type : 'text',id : 'datepicker'+countinsert}); // Crate Object attr
			count.val(countinsert); // update value count
			span.append(input); // แสดงผลโดยการ append
			date();	// เข้าfunction date
		});
	});
	
	function date(){
		$( ":text" ).datepicker();	
	}  
</script>
</head>
<body> 
Date: <input type="text" id="datepicker1" /> 
<input type="hidden" id="hdcount" value="1">
<span id="sDate"></span><br>
<input type="button" id="btn" value="insert">
</body>
</html>



สามารถ insert attr ได้หลายตำแหน่ง ลอง apply ดูครับ


ประวัติการแก้ไข
2013-04-04 11:53:28
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-04 11:31:33 By : Ex-[S]i[L]e[N]t
 


 

No. 10

Guest


ขอบคุณมากเลยครับ คุณ Ex-[S]i[L]e[N]t
จะเอา code นี้ไปศึกษาดูครับ เพราะผมยังไม่รู้เรื่องเกี่ยวกับ Jquery เลยยังดูไม่ค่อยรู้เรื่องอยู่เลยครับ >_<

ตอนนี้ผมใช้แบบนี้อยู่ครับ
Code (PHP)
<? for($i=1;$i<=20;$i++)) {   ?>
<input type="text" name="dated[]" id="dated<? echo $i; ?>" class="sel_date" />
<? } ?>


๋Jquery
Code (Java)
	for( var i=1; i<= 20;i++)
	{	
		$("#dated"+i).datepicker({dateFormat: "yy-mm-dd", changeMonth: true});
	}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 09:37:24 By : aaa
 


 

No. 11



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 10 เขียนโดย : aaa เมื่อวันที่ 2013-04-05 09:37:24
รายละเอียดของการตอบ ::
df
ถ้าคุณเข้าใจความหมายรูปนี้ สู้ต่อไปครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 09:55:50 By : Ex-[S]i[L]e[N]t
 

   

ค้นหาข้อมูล


   
 

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