如何隱藏在下拉列表asp.net MVC選定值

Question

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

@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和w如果我選擇另一個值，反之亦然。所有的代碼都在我的視圖文件中。我可以做什麼改變？我希望我的解釋清楚。對不起英語不好。謝謝

編輯：如圖所示，divtwo可見性設置爲隱藏。我希望顯示和divone隱藏在選擇dropdownlist中的某個值時

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 
}); 

}）;