Come mantenere gli elementi selezionati a cascata della lista a cascata dopo che il modulo è stato inviato?

Quando la pagina viene caricata tutto funziona correttamente. Ma quando invio il modulo i miei elenchi a discesa stanno perdendo gli elementi selezionati precedenti dopo l’aggiornamento della pagina.

Come posso modificare la mia funzione per inizializzare le liste a discesa e mantenere gli elementi selezionati precedenti (su entrambi) se esistono.

Ecco la mia vista con il javascript che inizializza i miei elenchi a discesa:

@model Models.Book @{ ViewBag.Title = "Index"; } @section scripts {  $(function() { $.getJSON("/Home/Books/List", function(data) { var items = "--------------------"; $.each(data, function(i, book) { items += "" + book.Text + ""; }); $("#Books").html(items); }); $("#Books").change(function() { $.getJSON("/Home/Chapters/List/" + $("#Books> option:selected").attr("value"), function(data) { var items = "--------------------"; $.each(data, function(i, chapter) { items += "" + chapter.Text + ""; }); $("#Chapters").html(items); }); }); });  } @using (@Html.BeginForm("ListChapterContent", "Home")) {  

Ecco il mio modello:

 public class Book { public string Translator{ get; set; } public string Edition{ get; set; } public List Books{ get; set; } public int SelectedBook { get; set; } public int SelectedChapter { get; set; } }