在下拉列表中使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"); 用於顯示