как установить выбранное значение в раскрывающемся списке в форме обновления

#html #asp.net-core

Вопрос:

Я хочу, чтобы значения, которые я выбрал ранее, отображались при входе в форму обновления. Я сделал это с помощью ввода, но я не мог сделать это с помощью выпадающего списка. Пожалуйста, помогите мне, как я могу указать выбранные значения в раскрывающемся списке.

  @foreach (var item in Model){
                                            <td><input class="form-control" type="text" value="@item.Deiscreption" name="Deiscreption" required autocomplete="off" /></td>
                                            <td>

                                                <select class="form-control"  name="ControlState" required autocomplete="off">

                                                    <option value="" default="" selected="">انتخاب کنید</option>
                                                    <option value="1">قرمز</option>
                                                    <option value="2">زرد</option>
                                                    <option value="3">سبز</option>
                                                    <option value="4">سفید</option>

                                                </select>

                                            </td>

}
 

Комментарии:

1. Вам нужно добавить форму и модель в представление, если вы хотите сохранить состояние.

2. У меня есть и модель, и форма в представлении, и это фрагмент кода из формы.

3. Я просто хочу установить значение, которое приходит из модели, в выпадающее меню

4. Вы должны опубликовать еще несколько данных, как я сказал

Ответ №1:

Я хочу, чтобы значения, которые я выбрал ранее, отображались при входе в форму обновления. Я сделал это с помощью ввода, но я не мог сделать это с помощью выпадающего списка. Пожалуйста, помогите мне, как я могу указать выбранные значения в раскрывающемся списке.

Похоже, что вы передадите данные через модель представления от контроллера к представлению формы, а затем отобразите/установите значение для ввода (- ов) и выпадающего списка на основе модальных данных представления.

Чтобы выполнить ваши требования, вы можете обратиться к следующему фрагменту кода.

Сохраните выбранное значение в скрытом поле

 @foreach (var item in Model)
{
    <tr>
        <td><input class="form-control" type="text" value="@item.Deiscreption" name="Deiscreption" required autocomplete="off" /></td>
        <td>
            <input type="hidden" class="hf_selected_val" value="@item.selectedVal" />
            <select class="form-control" name="ControlState" required autocomplete="off">

                <option value="" default="">انتخاب کنید</option>
                <option value="1">قرمز</option>
                <option value="2">زرد</option>
                <option value="3">سبز</option>
                <option value="4">سفید</option>
            </select>
        </td>
    </tr>
} 
 

Установите выбранное значение для выпадающих списков на основе данных, хранящихся в скрытом поле

 <script>
    $(function () {
        $("select[name='ControlState']").each(function () {
            var selectedVal = $(this).prev("input[type='hidden']").val();
            if (selectedVal != "") {
                $(this).val(selectedVal);
            }
        })
    })
</script>
 

Результат теста

введите описание изображения здесь