|
|
|
ถ้าจะเลือกข้อมูลใน check box แล้วให้ค่าที่เลือกแสดงในหน้าเดียวกัน แล้วพอกดเลือกเพิ่มข้อมูลก็จะแสดงต่อกันมาเรื่อยๆๆหน่ะค่ะ ทำไงดีค่ะ |
|
|
|
|
|
|
|
ajax
|
|
|
|
|
Date :
2012-05-25 10:47:54 |
By :
นิรนาม |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>https://www.thaicreate.com/php/forum/078923.html - ถ้าจะเลือกข้อมูลใน check box แล้วให้ค่าที่เลือกแสดงในหน้าเดียวกัน </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Unidentifier">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
#choose_repair{
background-color:#d2ce35;
display:block;
width:400px;
overflow:none;
border:4px solid #804000;
padding:4px;
padding-left:0px;
}
#repair_detail{
background-color:#e4f2f8;
}
ul{
list-style:none;
padding:0px;
}
li{
display:inline-block;
}
</style>
</head>
<body>
<form id="form2" name="form2" method="post" action="insertmem.php">
<ul>
<li style="width:450px;">
<div id="choose_repair">
<input type="checkbox" name="repair_id[]" class="repair_id" value="101" rel="ห้องเครื่อง - ลูกสูบแตก" /> ห้องเครื่อง - ลูกสูบแตก<br />
<input type="checkbox" name="repair_id[]" class="repair_id" value="102" rel="ห้องเครื่อง - วาล์วรั่ว" /> ห้องเครื่อง - วาล์วรั่ว<br />
<input type="checkbox" name="repair_id[]" class="repair_id" value="201" rel="ระบบส่งกำลัง - ลูกปืนเพลาเสื่อม" /> ระบบส่งกำลัง - ลูกปืนเพลาเสื่อม<br />
<input type="checkbox" name="repair_id[]" class="repair_id" value="202" rel="ระบบส่งกำลัง - ผ้าคลัชหมด" /> ระบบส่งกำลัง - ผ้าคลัชหมด<br />
<input type="checkbox" name="repair_id[]" class="repair_id" value="301" rel="ภายนอก - รอยบุบ" /> ภายนอก - รอยบุบ<br />
<input type="checkbox" name="repair_id[]" class="repair_id" value="302" rel="ภายนอก - ซ่อมสี" /> ห้องเครื่อง - ซ่อมสี<br />
</div>
</li>
<li style="width:150px;">
<input type="submit" name="submitForm" value="...บันทึก..." />
</li>
</ul>
<table border="1" id="repair_detail">
<tr style="text-align:center;">
<td class="">No.</td><td class="" width="250">รายการ</td><td class="" width="280">รายละเอียด</td>
<td class="" width="100">จำนวน</td><td class="" width="120">ราคา</td>
</tr>
</table>
</form>
<script type="text/javascript">
$("input[type=checkbox].repair_id").click(function(){
$("table#repair_detail tr#rows").remove();
var next_order=1 ,
description="" ,
newElement="";
$("input[type=checkbox].repair_id").each(function(){
if($(this).is(":checked")){
description = $(this).attr("rel");
newElement = "<tr id='rows'><td id='no'>"+next_order+"</td><td>"+description+"</td><td><input type='text' name='detail[]' size='35' /></td><td><input type='text' name='qty[]' size='10' /></td><td><input type='text' name='price[]' size='10' /></td></tr>";
$("table#repair_detail").append(newElement);
next_order = parseInt(next_order)+1;
}
});
});
</script>
</body>
</html>
|
|
|
|
|
Date :
2012-05-25 11:16:15 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณ คุณ sakuraei มากๆๆเลยนะค่ะ ตอนนี้ทำได้แล้วค่ะ
ถ้าไม้ด้ายคุณคงแย่ยแน่นเลยใกล้ถึงเวลาส่งโปรเจคจบละด้วย ขอบคุณมากๆๆนะค่ะ
|
|
|
|
|
Date :
2012-05-25 15:50:44 |
By :
zamutu |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คุณ Unidentifer สุดยอดแห่งน้ำใจไทยครีเอทเลยครับ
|
|
|
|
|
Date :
2012-05-25 16:08:26 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
หุ๊ย อยาก เก่งแบบนี้มั้งจัง ยังงี้ต้องให้ 2 นิ้ว
|
|
|
|
|
Date :
2012-05-27 01:16:58 |
By :
zamutu |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Date :
2012-05-27 06:39:28 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|