สอบถามการใช้งาน jQuery หน่อยครับ ใช้แบบหลายๆบรรทัดครับ
คือผมอยากให้ใช้ได้หลายๆ 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
ใน Jquery มันมีวิธีเรียกตัวแปรphp แบบนี้ยังไงอ่ะครับ name[]
Date :
2013-04-03 17:54:09
By :
aaa
อ่าขออีกทีเนิงครับ อธิบายชัดๆต้องการอะไร เดี๋ยลองเขียน code example ให้ครับ
Date :
2013-04-03 17:56:37
By :
Ex-[S]i[L]e[N]t
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
ขอ ดันหน่อยนะครับ
Date :
2013-04-04 09:35:27
By :
aaa
ขอทราบความจำเป็นที่ต้องใช้ id เป็นแบบ Array ครับ ว่าทำไม
ปกติแล้ว id มันไม่จำเป็นต้องตั้งแบบ Array ก็ได้ เพราะไม่ได้เอาไปประมวลผลอะไรไม่ใช่หรือครับ..
Date :
2013-04-04 10:17:06
By :
deawx
คือว่า ผมใช้ 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
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
ขอบคุณมากเลยครับ คุณ 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
Load balance : Server 00