ASP .NET MVC-DropDownList OnChange

问题描述 投票:2回答:1

当我在下拉列表中选择一个值时,我想隐藏一些数据。

示例:

[当我选择性别= 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.
    }
asp.net-mvc dom-events onchange dropdownlistfor
1个回答
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;
    }

希望这会有所帮助。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.