如何從下拉列表中的選定值隱藏div asp.net mvc

Question

所以我有一個下拉列表（如下），

 @Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as
 SelectList, "-- REFERENCE TYPE --")
    @Html.ValidationMessageFor(x => x.reftab) 

我有2個div（如下）

    <div class="widgetbox" id="divone">
    Some contents
    </div> 

和

<div class="widgetbox" id="divtwo" style="visibility:hidden">
Some contents
</div>

所以我需要做的是，從下拉列表中選擇一個特定的值，它將隱藏第一個div並顯示第二個div，當我選擇另一個值時，反之亦然。 所有代碼都在我的視圖文件中。 我可以做出什么改變？ 希望我的解釋清楚。 對不起，英語不好。 謝謝

編輯：如圖所示，divtwo可見性設置為隱藏。 當從下拉列表中選擇某些值時，我希望顯示它並隱藏divone

Answer 1

@Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as
 SelectList,  ,   new { @onchange="toggleDIvDisplay(this.value)" }

////然后在腳本部分添加javascript功能

function toggleDIvDisplay(e)
    {
    if(e == desiredvalue)
    {
    $('#divtwo').show();
    }
    else
    {
    $('#divtwo').hide();
    }
    }

Answer 2

使用javascript來做到這一點。

在javascript中創建一個引發Change事件的函數，您將在此函數中獲得當前選中的項目。 然后，您可以在那里執行邏輯。

$(function() {
$("#Reference").change(function() {
    alert( $('option:selected', this).text() );
    // Your show hide logic goes here 
});

}）;