skins/common/htmlform.js

   1 // Find select-or-other fields.
   2 addOnloadHook( function() {
   3         var fields = getElementsByClassName( document, 'select', 'mw-htmlform-select-or-other' );
   4
   5         for( var i = 0; i < fields.length; i++ ) {
   6                 var select = fields[i];
   7
   8                 addHandler( select, 'change', htmlforms.selectOrOtherSelectChanged );
   9
  10                 // Use a fake 'e' to update it.
  11                 htmlforms.selectOrOtherSelectChanged( { 'target': select } );
  12         }
  13 } );
  14
  15 var htmlforms = {
  16         'selectOrOtherSelectChanged' : function(e) {
  17                 if (!e) e = window.event;
  18                 var select = e.target;
  19                 var id = select.id;
  20                 var textbox = document.getElementById( id+'-other' );
  21
  22                 if (select.value == 'other') {
  23                         textbox.disabled = false;
  24                 } else {
  25                         textbox.disabled = true;
  26                 }
  27         }
  28 }
  29