|
 |
|
ต้องการให้เมื่อเลือกจังหวัดในtextbox แล้วรายชื่อโรงแรมในdropdrowจะมีเฉพาะในจังหวัดนั้น ต้องทำไงค่ะ |
|
 |
|
|
 |
 |
|
java script hide / show ปกติครับ
1. List box เลือกจังหวัด
2. List box รายชื่อโรงแรม ตอนคิวรี่เก็บแยกเป็นจังหวัดไว้เลย 1 จังหวัดหวัดต่อ 1 List box
เมื่อมีการเลือกจังหวัด
1. javascript รับค่าจังหวัดที่เลือกมา
2. เมื่อเกิดการเมือกให้ show List box รายชื่อโรงแรม ที่สังกัดจังหวัดนั้น
**ทั้งหมดอยู่บนพื้นฐานว่า รหัสlistboxจังหวัด กับ รหัสListbox ชื่อโรงแรมต้องตรงกัน
|
 |
 |
 |
 |
Date :
2014-01-28 14:21:35 |
By :
meannerss |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
พอจะมีตัวอย่างโค้ดบ้างมั้ยค่ะ
|
 |
 |
 |
 |
Date :
2014-01-28 14:34:36 |
By :
sumonrat |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#province").keyup(function(){
$.post("get_hotel.php",{province:$(this).val()},
function(data){
$("#hotel").empty().html(data);
}
});
});
</script>
<input type='text' id='province' name='province' />
<select id='hotel' name='hotel'>
</select>
get_hotel.php
<?php
include("connection.php");
$strSQL1 = "SELECT * FROM hotelup100 where province='{$_POST["province"]}' ";
$objQuery1 = mysql_query($strSQL1);
while($objResuut1 = mysql_fetch_array($objQuery1))
{
echo "<option value='{$objResuut1["id_up"]}'>{$objResuut1["name_up"]}</option>";
}
?>
|
 |
 |
 |
 |
Date :
2014-01-28 14:36:45 |
By :
sakuraei |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|