|
 |
| |
สอบถามการ update ข้อมูลจากฐานข้อมูล ลง textbox 1 , textbox2, ... เมื่อ textbox ก่อนหน้ามีข้อมูลแล้ว |
| |
 |
|
|
 |
 |
|
เพิ่มเติมจากระบบที่มีอยู่นะครับ
ขอบคุณล่วงหน้าครับ
|
ประวัติการแก้ไข
2018-06-10 14:21:00
2018-06-10 14:22:30
2018-06-10 14:24:00
 |
 |
 |
 |
| Date :
2018-06-10 14:07:33 |
By :
werachai2561 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เพิ่มเติมครับ ภาพแรกที่ได้จาก thaicreate ท่านได้เขียน script ไว้ตามนี้นะครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
/*radio check event*/
$('input:radio').bind('click',function(){
if( $(this).is(':checked') ){
$('#ans').val( $(this).parent().find('input:text').val() );
}
});
/*keyup event*/
$('div#form-set').find('input:text').bind('keyup',function(){
if( $(this).parent().find('input:radio').is(':checked') ){
$('#ans').val( $(this).val() );
}
});
});
</script>
</head>
<body>
<form action="" method="get">
<div id="form-set">
<div><input name="x" type="radio" value="" /><input name="a" type="text" /></div>
<div><input name="x" type="radio" value="" /><input name="b" type="text" /></div>
<div><input name="x" type="radio" value="" /><input name="c" type="text" /></div>
<div><input name="x" type="radio" value="" /><input name="d" type="text" /></div>
</div>
<br />
<br />
คำตอบคือ<br />
<input name="ans" id="ans" type="text" />
</form>
<br />
<br />
<br />
</body>
</html>
|
| |
|
|
| |
| Date :
2018-06-10 15:04:27 |
By :
werachai |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เสาะหาแนวการประยุกต์มา เจอที่นี่แนวทางคล้ายกับที่ผมตั้งคำถามไว้ แต่ต้องคิดเพิ่มอีกนิด น่าจะไปต่อได้ ของทดลองก่อน ขออนุญาตฝาก link นะครับ http://www.select2web.com/jquery/jquery-val-command.html ขอบคุณมากครับ
|
| |
|
|
| |
| Date :
2018-06-13 23:28:54 |
By :
werachai2561 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทำได้แล้วครับ ไป ๆ มา ๆ ก็นำ script มาดัดแปลงๆด้แล้วครับ แสดงดังภาพ
java script ประมาณนี้ครับ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test...</title>
<script type="text/javascript">
function send() {
var tmp = '';
tmp += document.getElementById('input_1').value ;
document.getElementById('input_2').value = tmp;
document.getElementById('input_1').value = '';
var tmp = '';
tmp += document.getElementById('input_11').value ;
document.getElementById('input_22').value = tmp;
document.getElementById('input_11').value = '';
}
function send2() {
var tmp = '';
tmp += document.getElementById('input_1').value ;
document.getElementById('input_3').value = tmp;
document.getElementById('input_1').value = '';
var tmp = '';
tmp += document.getElementById('input_11').value ;
document.getElementById('input_33').value = tmp;
document.getElementById('input_11').value = '';
}
function send3() {
var tmp = '';
tmp += document.getElementById('input_1').value ;
document.getElementById('input_4').value = tmp;
document.getElementById('input_1').value = '';
var tmp = '';
tmp += document.getElementById('input_11').value ;
document.getElementById('input_44').value = tmp;
document.getElementById('input_11').value = '';
}
</script>
</head>
<body>
<input type="text" name="input_1" id="input_1" /><input type="text" name="input_11" id="input_11" /><br /><br />
<input type="text" name="input_2" id="input_2" /><input type="text" name="input_22" id="input_22" /><input type="button" value="ส่งค่าแถว1" onclick="send();" /><br />
<input type="text" name="input_3" id="input_3" /><input type="text" name="input_33" id="input_33" /><input type="button" value="ส่งค่าแถว2" onclick="send2();" /><br />
<input type="text" name="input_4" id="input_4" /><input type="text" name="input_44" id="input_44" /><input type="button" value="ส่งค่าแถว3" onclick="send3();" /><br />
</body>
</html>
|
| |
|
|
| |
| Date :
2018-06-14 20:44:08 |
By :
werachai2561 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
textbox1 และ textbox 11 ผมจะรับค่าจากการรัน dropdown และก็จะแสดงรหัสโครงการ รหัสกิจกรรม เมื่อคลิก radio แล้ว ก็จะดึงค่า มา 2 ค่าคือ รหัสโครงการ และรหัสกิจกรรม ลงใน textbox1 และ textbox 11
เมื่อคลิกเพื่อดึงค่าจากแถวแรก ก็จะดึงค่า textbox1 และ textbox 11 มาลงแถวที่ 1
เมื่อคลิกเพื่อดึงค่าจากแถว 2 ก็จะดึงค่า textbox1 และ textbox 11 มาลงแถวที่ 2
เมื่อคลิกเพื่อดึงค่าจากแถว 3 ก็จะดึงค่า textbox1 และ textbox 11 มาลงแถวที่ 3
โดยคาดว่าที่ทำงานคงไม่มีต้องเลือกมากกว่า 5 แถว คงไม่ต้องถึงกับคลิกเพิ่มแถวแบบอัตโนมัติ เพราะคงจะไม่ไหว ฮา ๆ
*** แต่ก็เกิดปัญหาว่า การ select แต่ละครั้งโดยใช้ dropdown มันจะ refresh หน้าเว็บทำให้ข้อมูลแถวแรก ๆ หายไป .....ท่านพอมีคำแนะนำการแก้ไขหรือไม่ครับ พอชี้แนะเป็นทาง หรือฝาก link ไว้จะขอบคุณมากครับ แต่ผมก็พยายามเสาะหาอยู่ หากแก้ไข อีก 2 หัวข้อก็น่าจะจบคือ
1 แก้ไขการ refresh dropdown เลือกแล้ว ข้อมูลใน textbox หาย
2 ทำการ insert ค่าแถวทั้งหมด รวมค่าจำนวนเงินของแต่ละแถว เข้า database ครับ
ขอบคุณล่วงหน้าครับ
|
| |
|
|
| |
| Date :
2018-06-14 20:51:45 |
By :
werachai2561 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แหล่งต่อยอดครับ thaicreate นี่เองครับ ขออนุญาตปิดกระทู้นะครับ ขอบคุณมากหลาย สุดยอด thaicreate ....
https://www.thaicreate.com/community/jquery-save-stage-form.html
|
| |
|
|
| |
| Date :
2018-06-14 22:34:31 |
By :
werachai2561 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยอดเยียมครับ
นี่แหล่ะครับ คุณสมบัติโปรแกรมเมอร์
|
| |
|
|
| |
| Date :
2018-06-15 09:26:06 |
By :
Pong Thep |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
