Question

我需要制作一个可以在选择其他选项时显示某些表单输入的表单，例如，如果我选择性别：男性，输入表单“蓝色”显示，以及性别：女性输入表单“粉红色”显示。 / p>

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

根据选择显示表单字段

1 个答案: