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>