Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 1st, 2012  |  syntax: None  |  size: 1.00 KB  |  hits: 17  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Text that change based on form fields
  2. <select id="description">
  3.     <option></option>
  4.     <option>Sophmore</option>
  5.     <option>Senior</option>
  6.     <option>Professor</option>
  7. </select>
  8. <br />
  9. <input id="school" type="text" />
  10. <br />
  11. <input id="study" type="text" />
  12. <div >
  13.     <span id="a"></span> at <span id="b"></span> studying <span id="c"></span>.
  14. </div>
  15.        
  16. document.getElementById('description').onchange = function() {
  17.  
  18.     document.getElementById('a').innerHTML = this.value;
  19.  
  20.     var verb = '';
  21.     switch (this.value) {
  22.     case 'Professor':
  23.         verb = 'teaching';
  24.         break;
  25.     case 'Sophomore':
  26.         verb = 'studying';
  27.         break;
  28.     case 'Senior':
  29.         verb = 'studying';
  30.         break;
  31.     }
  32.  
  33.     document.getElementById('d').innerHTML = verb;
  34. };
  35.  
  36. document.getElementById('school').onblur = function() {
  37.     document.getElementById('b').innerHTML = this.value;
  38. };
  39.  
  40. document.getElementById('study').onblur = function() {
  41.     document.getElementById('c').innerHTML = this.value;
  42. };