|
 |
| |
สอบถามเรื่องการ SELECT ข้อมูลจาก MySQL หน่อยครับ รบกวนด้วยครับ |
| |
 |
|
|
 |
 |
|
jQuery ajax
แนะนำแค่ Concept นะ
Code (PHP)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<select id="province">
<option>เลือกจังหวัด</option>
<option value="1">กรุงเทพฯ</option>
<option value="2">ภูเก็ต</option>
</select>
<select id="travel">
</select>
</div>
<script type="text/javascript">
$(document).ready(function() {
//ตัวอย่าง
$( "#province" ).change(function() {
if ($(this).val() == 1)
{
$( "#travel" ).html('<option value="1">สถานที่ 1</option><option value="2">สถานที่ 2</option><option value="2">สถานที่ 2</option>');
}
else if ($(this).val() == 2) {
$( "#travel" ).html('<option value="3">สถานที่ 3</option><option value="4">สถานที่ 4</option><option value="5">สถานที่ 5</option>');
}
});
//การใช้งานจริงต้องใช้ ajax ดึงข้อมูลมาแสดง
/*
$( "#province" ).change(function() {
$.post('xxx.php', {'province': $(this).val()}, function(res){
$( "#travel" ).html(res);
});
});
ฝั้ง php ก็ select where id_province = '$_POST['province']' แล้ววน loop echo '<option value="'.$row->id_travel.'">'.$row->travel_list.'</option>';
*/
});
</script>
</body>
</html>
|
 |
 |
 |
 |
| Date :
2016-06-15 14:29:51 |
By :
fossil31 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
| |
|
 Load balance : Server 05
|
