|
|
|
มี listbox 2 อัน เมื่อ listbox แรก ให้ listbox สอง แสดงค่าตามที่กำหนดไว้ ยังไงดีครับ PHP |
|
|
|
|
|
|
|
jquery change
jquery option hide show
$('select:option[attribute="data"]').hide();
$('select:option[attribute="data"]').show();
attribute คือ ชื่อที่เราสามารถใส่ค่าบางอย่างได้
<option value="1" for="1">xyz</option>
value กับ for คือ attribute
data คือ ข้อมูลที่ใส่ไว้ใน attribute
ส่วนจะใส่อะไรตรงไหน ก็ต้องวิเคราะห์เองมีอยู่ไม่กี่ element ลองเองง่ายๆ
|
|
|
|
|
Date :
2019-08-20 15:37:36 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<?php
$arr = array('1','2','3');
?>
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<select name="select1" id="select1">
<option value="">เลือกข้อมูล 1</option>
<?php for($i=0;$i<sizeof($arr);$i++) { ?>
<option value="<?php echo $arr[$i]; ?>"><?php echo $arr[$i]; ?></option>
<?php } ?>
</select>
<select name="select2" id="select2">
<option value="">เลือกข้อมูล 2</option>
<?php for($i=0;$i<sizeof($arr);$i++) { ?>
<option value="<?php echo $arr[$i]; ?>"><?php echo $arr[$i]; ?></option>
<?php } ?>
</select>
</body>
<script>
var arrdata = <?php echo json_encode($arr); ?>;
$(document).ready(function(){
$('#select1').change(function(){
var Val1 = $(this).val();
var $html='<option value="">เลือกข้อมูล 2</option>';
$.each(arrdata, function(key,value){
if(value!==Val1){
$html+='<option value="'+value+'">'+value+'</option>';
}
});
$('#select2').html($html);
});
});
</script>
</html>
|
|
|
|
|
Date :
2019-08-20 16:03:16 |
By :
ปปป |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ได้แล้วครับ ขอบคุณมากๆเลยครับสำหรับทั้ง 2 ความคิดเห็น
|
|
|
|
|
Date :
2019-08-21 08:17:58 |
By :
nack4901 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|