Заполнение другого раскрывающегося списка на основе предыдущего выбора с использованием жестко заданного значения на странице просмотра - PullRequest
0 голосов
/ 30 марта 2019

Я новичок в ASP.net MVC, я пытаюсь создать раскрывающийся список на основе ранее выбранного раскрывающегося списка, используя некоторые жестко закодированные значения.Мне нужно делать с точки зрения, а не на уровне модели или контроллера.Я пытался, но не смог достичь, пожалуйста, помогите.

@{
   var salary = new SelectList(
          new List<SelectListItem>
          {
new SelectListItem {Text = "Electrician", Value = "Electrician"},
new SelectListItem {Text = "Guard", Value = "Guard"},
new SelectListItem {Text = "Operator", Value = "Operator"},
          }, "Value", "Text");

    var operations = new SelectList(
            new List<SelectListItem>
            {
new SelectListItem {Text = "Rent", Value = "Rent"},
new SelectListItem {Text = "Charges", Value = "Charges"},
            }, "Value", "Text");
    var maintenance = new SelectList(
            new List<SelectListItem>
            {
new SelectListItem {Text = "option1", Value = "option1"},
new SelectListItem {Text = "option2", Value = "option2"},

            }, "Value", "Text");
    var raw_Material = new SelectList(
           new List<SelectListItem>
           {
new SelectListItem {Text = "option1", Value = "option1"},
new SelectListItem {Text = "option2", Value = "option2"},

           }, "Value", "Text");

}

<div class="row">
    <div class="col">
        <label class="add-reg-label">Cost Head</label>
        @Html.DropDownListFor(model => Model.CostHead,  new List<SelectListItem>
        {
            new SelectListItem{ Text="Salary", Value = "Salary" },
            new SelectListItem{ Text="Operations", Value = "Operations" },
            new SelectListItem{ Text="Maintenance", Value = "Maintenance" },
            new SelectListItem{ Text="Raw Material", Value = "Raw Material" },
         },
         new { @class = "selectpicker" })

    </div>
</div>

<div class="row">
    <div class="col">
        <label class="add-reg-label">Expense Purpose</label>
        @Html.DropDownListFor(model => Model.ExpensePurpose,new List<SelectListItem> { } ,  new { @class = "selectpicker" })

    </div>
</div>

<script type="text/javascript">


    $(document).ready(function () {

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

            var head = $(this).val();
            alert();

            debugger;
            $.each(@salary, function (index, value) {
            $('#ExpensePurpose').append('<option value="' + value.Value + '">' + value.Text + '</option>');
            });

            });

            });


</script>

Всякий раз, когда я выбираю раскрывающийся список затрат на основе выбора, я хочу заполнить раскрывающийся список целей расходов.Как это сделать

...