Question

我有四个下拉值。

Job
Business
Study
Other

如果选择作业而不是公司名称，则应显示指定文本框。如果选择业务，则业务领域可见如果选择学习而不是上课，大学应该是可见的，而对于其他只有一个文本框应该是可见的。

我只知道是否选择了其他字段而不是如何显示它。不知道在这种问题上该怎么做。

Answer 1

首先，给它们所有相同的类（我选择了），然后给所有相关的文本字段另一个特定的类。

<input class="selection Study" name="class />和

<input class="selection study" name="college">和公司，

<input class="selection Business" name="designation">

在jquery中，它是

$('.dropdown').on('change', function() {
    $('.selection').hide();
    var val = $(this).val();   

    $('.' + val).show();
)};

Answer 2

我更喜欢jquery，这会更容易，但这是一个纯粹的Javascript解决方案：

//onclick on a select tag it runs a function
document.getElementsByTagName("select")[0].onclick = function () {

    //it hides all the input tags. It finds the array of inputs first, change the numbers to change which input tags it hides.
    document.getElementsByTagName("input")[0].style.display = 'none';
    document.getElementsByTagName("input")[1].style.display = 'none';
    document.getElementsByTagName("input")[2].style.display = 'none';
    document.getElementsByTagName("input")[3].style.display = 'none';

    //shows the input that has an id equal to the value of the select that was clicked.
    document.getElementById(this.value).style.display = 'block';
}

根据下拉列表的更改值显示多个文本字段

2 个答案: