在下拉列表中使div可见

Question

我正在开发asp.net mvc应用程序。 我对表单的要求之一是：它有一个下拉列表，用A，B，C值填充。 如果选择了A，则在UI上应该有2个文本框应该是可见的，其他应该是不可见的；如果选择了B，则必须添加另外2个文本框，这样就应该有4个文本框。 对于C的选择也一样。我能够通过

$(document).ready(function() {

    $('#NatureOfTransactionDropDown').change(function() {

        var element = $(this).find('option').filter(':selected').text();
        alert(element);
        if (element == "A") {
           //code
          }
    });
});

我该怎么办。 我尝试了hide（）show（），但我认为它对我不起作用。

Answer 1

使用.css("display", "none"); 藏起来
和.css("display", "block"); 用于显示