javascript - 根据选择显示表单域

Question

我需要制作一个表格，可以在选择其他选择时显示某些表单输入，例如，如果我选择性别:男性，输入形式“蓝色”显示，以及性别:女性输入形式“pink”显示。<<<<<<<<<<<<

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