
Untitled
By: a guest on
May 1st, 2012 | syntax:
None | size: 1.00 KB | hits: 17 | expires: Never
Text that change based on form fields
<select id="description">
<option></option>
<option>Sophmore</option>
<option>Senior</option>
<option>Professor</option>
</select>
<br />
<input id="school" type="text" />
<br />
<input id="study" type="text" />
<div >
<span id="a"></span> at <span id="b"></span> studying <span id="c"></span>.
</div>
document.getElementById('description').onchange = function() {
document.getElementById('a').innerHTML = this.value;
var verb = '';
switch (this.value) {
case 'Professor':
verb = 'teaching';
break;
case 'Sophomore':
verb = 'studying';
break;
case 'Senior':
verb = 'studying';
break;
}
document.getElementById('d').innerHTML = verb;
};
document.getElementById('school').onblur = function() {
document.getElementById('b').innerHTML = this.value;
};
document.getElementById('study').onblur = function() {
document.getElementById('c').innerHTML = this.value;
};