|
|
|
สอบถาม listbox 3ขั้น เขียน jQuery Mobile หน่อยครับ |
|
|
|
|
|
|
|
สอบถามหน่อยครับ listbox 3ขั้น เขียนใน jQuery Mobile
เลือก 1 เเล้ว
เลือกข้อมูล อัน 2
เลือกข้อมูลอัน 3 เเล้ว มันไม่ lock อันที่เราเลือก
java
Code (PHP)
<script type="text/javascript">
$(function(){
// เมื่อเปลี่ยนค่าของ select id เท่ากับ list1
$("select#list1").change(function(){
// ส่งค่า ตัวแปร list1 มีค่าเท่ากับค่าที่เลือก ส่งแบบ get ไปที่ไฟล์ data_for_list2.php
$.get("data_for_list2.php",{
list1:$(this).val()
},function(data){ // คืนค่ากลับมา
$("select#list2").html(data); // นำค่าที่ได้ไปใส่ใน select id เท่ากับ list2
});
});
});
</script>
<script type="text/javascript">
$(function(){
// เมื่อเปลี่ยนค่าของ select id เท่ากับ list1
$("select#list2").change(function(){
// ส่งค่า ตัวแปร list1 มีค่าเท่ากับค่าที่เลือก ส่งแบบ get ไปที่ไฟล์ data_for_list2.php
$.get("data_for_list3.php",{
list2:$(this).val()
},function(data){ // คืนค่ากลับมา
$("select#list3").html(data); // นำค่าที่ได้ไปใส่ใน select id เท่ากับ list2
});
});
});
</script>
php
Code (PHP)
<?
$objConnect4 = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB4 = mysql_select_db("mn_service");
mysql_query("SET NAMES UTF8");
?>
<?php if(isset($_GET['list2']) && $_GET['list2']!=""){?>
<?php
$result4 = mysql_query("SELECT * FROM machine where name_mc ='".$_GET['list2']."' ");
while($row4 = mysql_fetch_array($result4)){
?>
<option value="<?=$row4['key_mc']?>"><?=$row4['key_mc']?></option>
<?php } ?>
<?php }else{ ?>
<option value=""></option>
<?php }
mysql_close();
?>
html
Code (PHP)
<td ><select name="list1" id="list1">
<option value=""> </option>
<?
$objConnect3 = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB3 = mysql_select_db("mn_service");
mysql_query("SET NAMES UTF8");
$result3 = mysql_query("SELECT DISTINCT line FROM machine order by id ASC");
while($row3 = mysql_fetch_array($result3)){
?>
<option value="<? echo $row3['line']; ?>"><? echo $row3['line']; ?></option>
<? }
mysql_close();
?>
</select>
</td>
</tr>
<tr>
<th align="center"><div align="center">รหัสเครื่องจักร</div></th>
</tr>
<tr>
<td > <select name="list2" id="list2">
<option value=""></option>
</select>
</td>
</tr>
<tr>
<th align="center"><div align="center">ชื่อเครื่องจักร</div></th>
</tr>
<tr>
<td ><select name="list3" id="list3">
<option value=""></option>
</select>
</td>
Tag : PHP, HTML, jQuery Mobile
|
|
|
|
|
|
Date :
2019-02-22 15:16:38 |
By :
oat.clp |
View :
619 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|