disabled control เมื่อเลือก select
โค้ดตัวอย่างการใช้ GAJAX เพื่อทำการ enabled หรือ disabled control ที่ต้องการ เมื่อทำการเลือกรายการใน select
<script type="text/javascript" src="https://www.goragod.com/ajax/gajax.js"></script>
<select id="sel_option">
<option value="-1">กรุณาเลือก</option>
<option value="0">ตัวเลือกที่ 1</option>
<option value="1">ตัวเลือกที่ 2</option>
</select>
<input type="text" id="txt_0" value="0" />
<input type="text" id="txt_1" value="1" />
<script type="text/javascript">
// ฟังก์ชั่นเมื่อทำการเลือก select
var doSelChanged = function(event){
// ค่าที่ได้จากการเลือก select (เจ้าของ event)
var val = GEvent.element(event).value;
// alert(val); // ดูค่าที่เลือก
// disabled input ที่ไม่ต้องการ
if(val == 0){
$E('txt_0').disabled = false;
$E('txt_1').disabled = true;
}else if(val == 1){
$E('txt_0').disabled = true;
$E('txt_1').disabled = false;
}
};
// กำหนด event ให้กับ select
$G('sel_option').addEvent('change', doSelChanged);
</script>