Question

So, I’ve got a form and within that form is a <select>. Based on what that select is(what <option> is selected), I want the contents of the form to change on the fly(i.e. before the user clicks anything else).

For example, if the user selects the Photo Upload option, a file upload box will appear, and if they select Text Entry, a text box will appear in place of that file upload box.

Thanks.

Answer 1

function swapDiv( index ) {
    var html = '';
    switch( index ) {
       ... // assign html var based on index;
    }
    div.innerHTML = html; // assign div html to html var
}
select.onchange = function() {
    swapDiv( this.selectedIndex );
}