|
 |
| |
มี listbox 2 อัน เมื่อ listbox แรก ให้ listbox สอง แสดงค่าตามที่กำหนดไว้ ยังไงดีค๊ะ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script type="text/javascript">
$(document).ready(function(e) {
$('#Select1').change(function(e) {
var Val = $(this).val();
$('#Select2 option[value*="'+Val+'"]').prop('disabled',true);
});
});
</script>
</head>
<body>
<select id="Select1">
<option value="0" selected>เลือก</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select id="Select2">
<option value="0" selected>เลือก</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
</html>
Disable Drop Down Option using jQuery
|
 |
 |
 |
 |
| Date :
2013-07-24 11:10:56 |
By :
Krungsri |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณคะ
แต่โค้ดที่ให้มา พอเลือกช่องแรกไป 2-3 รอบ จะเลือกในช่อง 2 ลดลงเรื่อย ๆ จนเลือกไม่ได้เลยคะ
|
| |
|
|
| |
| Date :
2013-07-24 11:40:16 |
By :
sukiinam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แก้ไขคับ
Code (PHP)
<script type="text/javascript">
$(document).ready(function(e) {
$('#Select1').change(function(e) {
var Val = $(this).val();
$('#Select2 option').each(function(index, element) {
$(this).prop('disabled',false);
});
$('#Select2 option[value*="'+Val+'"]').prop('disabled',true);
});
});
</script>
|
| |
|
|
| |
| Date :
2013-07-24 11:48:17 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณคะ แต่ตอนนี้เงื่อนไงมันเยอะกว่านั้นแล้วอะคะ แหะ ๆ
พอดีเพิ่งแก้เงื่อนไขข้างบน ไม่ทราบว่าโค้ดที่ให้มานำไปปรับใช้ได้มั้ยค๊ะ
|
| |
|
|
| |
| Date :
2013-07-24 11:58:11 |
By :
sukiinam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เงื่อนไขว่าไงะคับ
|
| |
|
|
| |
| Date :
2013-07-24 12:04:14 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สมมุติว่า เลือกค่า ใน listbox แรกเป็น 1 แล้ว listbox สอง ให้แสดงแต่ ค่า 1 กับ 2
หรือเลือกค่า ใน listbox แรกเป็น 2 แล้ว listbox สองไม่แสดงข้อมูลใด ๆ
**หรือเลือกค่า ใน listbox แรกเป็น 3 แล้ว listbox สองให้แสดงแต่ ค่า 2 กับ 3
แล้วแต่เรากำหนดเงื่อนไขอะคะ ไม่ได้ตายตัว
|
| |
|
|
| |
| Date :
2013-07-24 12:14:39 |
By :
sukiinam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ตายตัวนี้จะยากหน่อยครับ
|
| |
|
|
| |
| Date :
2013-07-24 12:30:59 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
