Показать поле формы на основе выбора

Question

Мне нужно создать форму, которая может отображать определенные входные данные формы при выборе другого выбора, например, если я выбираю пол: мужской, форма ввода отображается синим цветом, а когда пол: женская форма ввода отображается розовым цветом. 1001 *

Я предполагаю, что Javascript / jQuery будет лучшим выбором?

Это то, что я имею до сих пор:

function showHideSchools(obj){ 
    //here we get the value of the select object 
    var curSel=obj.options[obj.selectedIndex].value 

    //if A, B, or no option selected, hide moreFields div 
    switch(curSel)
    {
    case '0-2':
    document.getElementById('schools').style.display="none"
      break;
    case '3-5':
    document.getElementById('schools').style.display="block" 
      break;
    case '9-11':
    document.getElementById('schools').style.display="block" 
      break;
    case '12-14':
    document.getElementById('schools').style.display="block" 
      break;
    case '15-16':
    document.getElementById('schools').style.display="block" 
      break;
    case '17-18':
    document.getElementById('schools').style.display="block" 
      break;
    case '19 and over':
    document.getElementById('schools').style.display="block" 
      break;
    default:
    document.getElementById('schools').style.display="none"
    }
}  

Answer 1

, чтобы получить значение вашего поля выбора, используйте jquery, например:

$('#selectList').val();

см. Полный пример:

http://marcgrabanski.com/articles/jquery-select-list-values

согласно этому значению

изменить значение формы ввода как

$('#inputElem').val(myval);