Как сохранить выбранную опцию после отправки формы в asp.net mvc?

Question

У меня есть фиксированный вариант dropdownlist на моей странице html. Он содержит три варианта (по имени, по представлениям, по полю) для сортировки данных, отображаемых на странице. Когда значение в раскрывающемся списке изменяется, я отправляю форму, и контроллер возвращает обновленные данные в соответствии с выбранным выбором сортировки. Но выбранная опция в раскрывающемся списке сбрасывается до первого варианта. Как установить выбранный параметр в раскрывающемся списке.

Мне нужно отправить форму и не отправлять запрос ajax.

Answer 1

вам нужно использовать .val(), чтобы установить выбранное значение в раскрывающемся списке. попробуйте это $('#YourDropDownList').val(SelectedOrderBy);

Answer 2

Если у вас есть java-скрипт, подключенный к событию изменения выпадающего списка, и вы вызываете form.submit() там, то же самое, что и при отправке формы с помощью кнопки отправки (на вашей странице получен ответ от сервера).

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

имеют вид модели, как этот

public class CriteriaVM 
{ 
    public IEnumerable<SelectListItem> SortItems { set; get; } 
    public String SelectedSortItem { set; get; } 

    public CriteriaVM() 
    { 
     this.SortItems=new List<SelectListItem>(); 
    } 
} 

Так теперь в вашем методе действия GET, Вы загружаете SortItems коллекции и рендеринга, которые на ваш взгляд.

public ActionResult Index() 
{ 
    var vm = new CriteriaVM {SortItems = GetItems()}; 
    return View(vm); 
} 

private List<SelectListItem> GetItems() 
{ 
    return new List<SelectListItem> 
    { 
     new SelectListItem {Value = "Name", Text = "Name"}, 
     new SelectListItem {Value = "City", Text = "City"} 
    }; 
} 

и ваше мнение

@model YourNameSpaceHere.CriteriaVM 
@using (Html.BeginForm()) 
{ 
    @Html.DropDownListFor(s=>s.SelectedSortItem,Model.SortItems,"Select") 
    <input type="submit" /> 
    <div>Selected : @Model.SelectedSortItem</div> 
} 
<script type="text/javascript"> 
    //Assuming jQuery library is included in the page 
    $(function() { 
     //whenever user changes the drop down,submit the form 
     $("#SelectedSortItem").change(function() { 
      $("#SelectedSortItem").closest("form").submit(); 
     }); 
    }); 
</script> 

И в действии HttpPost, убедитесь, что вы устанавливаете SelectedSortItem свойство явно после загрузки SortItems собственности.

[HttpPost] 
public ActionResult Index(CriteriaVM model) 
{ 
    var selected = model.SelectedSortItem; 
    model.SortItems = GetItems(); 
    model.SelectedSortItem = selected; 

    return View(model); 
}