基於選擇的顯示錶單字段

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);