|
 |
| |
ผมใช้ select จะกรองจังหวัดได้ไหมครับโดยการเลือก ภาค ของประเทศ |
| |
 |
|
|
 |
 |
|
ค้นหาคำว่า ตำบล อำเภอ จังหวัด ที่ชอ่ง search ด้านบนดูครับ มีตัวอย่างเพียบเลย
|
 |
 |
 |
 |
| Date :
2016-12-18 10:37:11 |
By :
deawx |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เจอแล้วครับแบบที่ต้องการ
กำหนดรายการใน listbox ที่ 2 จากเงื่อนไขการเลือก listbox ที่ 1 ด้วย ajax ใน jquery อย่างง่าย
http://www.ninenik.com/content.php?arti_id=207 via @ninenik
|
| |
|
|
| |
| Date :
2016-12-19 10:42:51 |
By :
jingjok07 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ต่อยอดการเลือก
จาก list1 ไป list2
จาก list2 ไป list3 โดย เอา list1 ส่งไปด้วย
two_listbox.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<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
});
});
// เมื่อเปลี่ยนค่าของ select id เท่ากับ list1
$("select#list2").change(function(){
// ส่งค่า ตัวแปร list1 มีค่าเท่ากับค่าที่เลือก ส่งแบบ get ไปที่ไฟล์ data_for_list2.php
$.get("data_for_list2.php",{
list2:$(this).val()
},function(data){ // คืนค่ากลับมา
$("select#list3").html(data); // นำค่าที่ได้ไปใส่ใน select id เท่ากับ list2
});
});
});
</script>
<span class="mylabel">ตัวเลือกที่1: </span>
<select name="list1" id="list1">
<option value="">เลือกรายการ</option>
<option value="1">เลือกรายการ 1</option>
<option value="2">เลือกรายการ 2</option>
<option value="3">เลือกรายการ 3</option>
<option value="4">เลือกรายการ 4</option>
<option value="5">เลือกรายการ 5</option>
</select>
<br>
<span class="mylabel">ตัวเลือกที่2: </span>
<select name="list2" id="list2">
<option value="">เลือกรายการ</option>
</select>
<br>
<span class="mylabel">ตัวเลือกที่3: </span>
<select name="list3" id="list3">
<option value="">เลือกรายการ</option>
</select>
<br>
<br>
<span class="mylabel"></span>
<input type="submit" name="button" id="button" value="Submit" />
<br>
</body>
</html>
data_for_list2.php
<?php
header("Content-type:text/html; charset=UTF-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
?>
<?php if(isset($_GET['list1']) && $_GET['list1']!=""){?>
<option value="">เลือกรายการ</option>
<?php for($i=1;$i<=$_GET['list1'];$i++){ ?>
<option value="<?=$i?>,namelist2"><?=$_GET['list1']?> เลือกรายการ <?=$i?></option>
<?php } } ?>
<?php if(isset($_GET['list2']) && $_GET['list2']!=""){ $list2 = explode(',',$_GET['list2']); ?>
<option value="">เลือกรายการ</option>
<?php for($i=1;$i<=$list2[0];$i++){ ?>
<option value="<?=$i?>"><?=$list2[1];?> เลือกรายการ <?=$i?></option>
<?php } }?>
|
| |
|
|
| |
| Date :
2016-12-22 13:25:57 |
By :
jingjok07 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
