Блог

Главная - Вопросы по программированию - как установить значение по умолчанию для выпадающего списка при нажатии кнопки

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

#javascript #c# #jquery #asp.net-mvc

#javascript #c# #jquery #asp.net-mvc

Вопрос:

Я пытаюсь установить значение good по умолчанию в выпадающем списке при нажатии btnSave, но не могу установить

 
@{
    List<SelectListItem> Status = new List<SelectListItem>();
    Status.Add(new SelectListItem { Text = "Good", Value = "Good" });
    Status.Add(new SelectListItem { Text = "Bad", Value = "Bad" });
}
@Html.DropDownListFor(a => a.Status, new SelectList(Status, "Value", "Text"), "", new { placeholder = "Select Status", @class = "form-control fds" })

 <a id="btnSave" href="#" class="btn btn-bg-light mr-2" >Save</a>

<script type="text/javascript">
               $("#btnSave").click(function () {
                    console.log("insid btnSave click event");
                   
                    //$('#Status').val('0');
                    $('#Status').val(1)
                    //$("#Status option[text='it's me']").attr("selected", "selected");

                    console.log("Status:"   $('#Status').val(1));
                    
                });
</script>

Я пытаюсь установить значение по умолчанию good в выпадающем списке при нажатии на btnSave

Я пытаюсь это сделать, но не работает

  $('#Status').val(1)

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

1. Привет, ты пробовал так: $('#Status').val("Good") или $("#Status option[text=Good]").prop("selected", true); ?

2. @Swati если я попробую это var setStatus = $("#Status option[text=Good]").prop("selected", true) , тогда увидите Журнал консоли печати объекта object setStatus[object Object]

3. @Swati не может найти решение, можете ли вы помочь больше

4. Покажите свой html-код для поля выбора

Ответ №1:

Вам нужно изменить jquery, там нет никаких опций значение =»1″ вместо этого замените 1 на «Хорошо»

 <script type="text/javascript">
$("#btnSave").click(function () {
    console.log("insid btnSave click event");

    //$('#Status').val('0');'
    $("#Status").val("Good");
   

});

Ответ №2:

В SelectListItem named есть свойство Selected , вы можете установить его true для элемента, который вы хотите выбрать по умолчанию.

 @{
List<SelectListItem> Status = new List<SelectListItem>();
Status.Add(new SelectListItem { Text = "Good", Value = "Good" ,Selected=true});
Status.Add(new SelectListItem { Text = "Bad", Value = "Bad" });

}

@Html.DropDownListFor(a => a.Status, new SelectList(Status, "Value", "Text"), "", new { placeholder = "Select Status", @class = "form-control fds" })

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

1. не работает Я пытаюсь и пытаюсь, но не могу получить значение по умолчанию при нажатии на кнопку

2. Вы установили Selected в качестве моего ответа?

3. можете ли вы добавить свой полный ответ с помощью javascript jquery да Status.Add(new SelectListItem { Text = "good", Value = "good", Selected = true});

4. Вам больше не нужен js скрипт, этот код, который я отправил, устанавливает значение по умолчанию. позвольте мне отредактировать мой ответ, тем временем удалите ваш js-скрипт и проверьте его еще раз

Метки: