Статический DropdownList выбирается в поле зрения

Question

Мне нужно изменить TextBox на основе выпадающего списка.Как это сделать?Как и в представлении, если пользователь выбирает Fulll Name и вводит имя пользователя, он должен связываться с полным именем, которое затем передается контроллеру.В настоящее время я отображаю оба текстовых поля.

просмотр

@model IEnumerable<AdminUpdate.Models.Employee>
@{
ViewBag.Title = "Web API";
}

<h2>Search for the User by Organization(Account) or Full Name(Contact)</h2>
<br />
<br />
<fieldset>

@using (Html.BeginForm("index","Home"))
{
    @Html.ValidationSummary(true)
    <div id="divUpdateDetails"></div>

        <text>Do you want to search by </text>
           @Html.DropDownList("FooBarDropDown", new List<SelectListItem>
                {
                    new SelectListItem{ Text="Full Name", Value = "1" },
                    new SelectListItem{ Text="Organization", Value = "2" },

                }) 

            @Html.TextBox("FullName")
            @Html.TextBox("Organization")

    <input type="submit" id="submitId" value="Search" />

}

`

просмотр

Answer 1

включают

<script>

$(document).ready(function () {
   $("#Organization").hide();

}

$("#FooBarDropDown").change(function () {

        var selectVal = $("#FooBarDropDown").find(":selected").val();
        if(selectVal==1){
           $("#FullName").show();
           $("#Organization").hide();
        }
        else{
           $("#Organization").show();
           $("#FullName").hide();
        }

    });
</script>

Answer 2

Спасибо за ответы.Оба ответа помогли мне использовать jQuery, о котором я не думал.Я думал об использовании C #.Ниже работает код.

 <script>
    $(document).ready(function () {

        $("#DropDown").change(function () {
            if ($("#DropDown option:selected").val() == 1) {
                $("#FullName").show();
                $("#Organization").hide();
            } else {
                $("#FullName").hide();
                $("#Organization").show();
            }
        });

    });


</script>

Answer 3

Вы можете использовать jQuery.Я отредактировал свой ответ с помощью сценария, который я работаю в реальном проекте.Было бы неплохо спрятать опцию, которая не используется по умолчанию при загрузке документов, как это сделал Сумит Радж в своем сообщении.

<script>
    $('#FooBarDropDown').change(function () {
        var selection = $(this).children(':selected').text();
        if (selection == 'Full Name') {
            $("#FullName").show();
            $("#Organization").hide();
        }
        else {
            $("#FullName").hide();
            $("#Organization").show();
        }
   });
</script>