根据选择显示表单域

Question

我需要制作一个表单，当选择另一个选项时，可以显示某些表单输入，例如，如果我选择了性别:男性，则输入表单“蓝色”显示，以及当性别:女性输入表单“粉色”显示时。

我假设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);