Setting the values of a (multiple)select form element using javascript

[Hint: enter a letter and press the 'Select ALL matching Words' button]

Word Finder

The code

function set_matching_words(selectObj, txtObj) {
  var letter = txtObj.value;
 
  for(var i = 0; i < selectObj.length; i++) {
    if(selectObj.options[i].value.charAt(0) == letter) {
      selectObj.options[i].selected = true;
    } else {
      selectObj.options[i].selected = false;
    }
  }

}

Download the code here: javascript-form-field-example-3.zip

Back to article: set a form field using Javascript