2013-08-29 117 views
2

我想隐藏一些数据,当我在我的dropdownList中选择一个值。ASP .NET MVC - DropDownList OnChange

例子:

当我选择性别= M,我不希望在我的标题看:只有先生小姐或女士。

这里是我的代码:

 @Html.DropDownListFor(m => m.Gender, new[] { 
          new SelectListItem() {Text = "M", Value = "M"}, 
          new SelectListItem() {Text = "F", Value = "F"}, 
          }, "---Choose Gender---", new { onchange = "Select();" }) 

    @Html.DropDownListFor(m => m.Title, new[] { 
          new SelectListItem() {Text = "Mister", Value = "Mr."}, 
          new SelectListItem() {Text = "Madame", Value = "Mme."}, 
          new SelectListItem() {Text = "Miss", Value = "Miss."} 
          }, "---Choose Title---") 

在JavaScript部分:

function Select() { 
     // the code. 
    } 

太谢谢你了!

+0

你应该更具体。你想修改的标题在哪里?它是Html页面的标题吗? – Slavo

+0

你也应该展示你到目前为止尝试过的东西。到目前为止,你发布的内容看起来像你不能被打扰,并要求SO为你解决问题。 –

回答

5

您可以使用jQuery的帮助下做到这一点,

function changeGender() 
    { 
    if($('#Gender').val()=='M') 
    { 
    $('#Title').html(''); 
    $('#Title').html('<option value="Mister">Mr.</option>'); 
    } 
    else if($('#Gender').val()=='F') 
    { 
    $('#Title').html(''); 
    $('#Title').html('<option value="Madame">Madam</option><option value="Miss">Miss.</option>'); 
    } 
    else 
    { 
    $('#Title').html(''); 
    } 
return false; 
    } 

希望这有助于。

+0

它的工作原理!非常感谢! ***解决*** – user2707729

+1

非常感谢。让它正确答案。打勾我的答案 –