Dropdown-Wert ist nicht nach dem Laden einer Teilansicht ausgewählt

Question

Ich habe zwei Teilansichten in der übergeordneten Ansicht. In der übergeordneten Ansicht gibt es ein "div" -Tag, das eine Teilansicht namens "state" enthält.

<div id="divState"></div></td> 

Die Teilansicht hat nur ein DDL drin:

@Html.DropDownList("State", null, "---------- Select ----------", htmlAttributes: new { @class = "form-control" }) 

Die Teilansicht wie unten wird geladen:

$('#divState').load('@Url.Action("LoadState", "General")'); 

Controller-Code ist wie unten:

[HttpGet] 
     public ActionResult LoadState() 
     { 
      if (Request.IsAjaxRequest()) 
      { 
       ViewBag.State = new SelectList(db.Generals, "IID", "Value"); 
       return PartialView("_State"); 
      } 
      else 
      { 
       return null; 
      } 
     } 

Ich habe einen Link-Button, der öffnet eine modale Dialogbox, die eigentlich eine Teilansicht ist. Die Teilansicht enthält ein paar Felder und eine Schaltfläche zum Speichern von Daten. Nach dem Speichern wird der Wert im Zustand DDL mit dem zuletzt eingegebenen Wert angezeigt. Ich habe die folgende jQuery geschrieben, um den zuletzt eingefügten Wert zu speichern und auszuwählen.

Nach dem Einfügen Wert wird in der DDL angezeigt, wie ich die Teilansicht neu laden, die die DDL enthält. Aber mein Problem ist, dass der zuletzt eingefügte Wert nicht ausgewählt ist. DDL zeigt das erste Listenelement nach dem Flashen des letzten Einfügedatensatzes an (d. H. Es ist fest als "5" codiert).

Jede Hilfe wird zum Glück angenommen. Partha

Answer 1

Ajax-Aufrufe sind asynchron, und Ihre $("div#divState select").val("5"); Codezeile wird ausgeführt, bevor die .load()-Funktion abgeschlossen wurde.

Sie müssen den Wert der <select> in dem Erfolg Rückruf

success: function (response) { 
    ... 
    $('#divState').load('@Url.Action("LoadState", "General")', function() { 
     // set value in the callback (after the DOM has been updated) 
     $("div#divState select").val("5"); 
    }); 
}, 

jedoch setzen, sein unklar, warum Sie einen Ajax-Aufruf machen die <select> wieder zu ersetzen. Wenn der erste Ajax-Anruf Daten in Ihre Generals Tabelle speichert, so dass Sie die Optionen aktualisieren müssen, dann sollte der erste Anruf die IID und Value in Ihrem JsonResult zurückgeben, und dann können Sie einfach ein neues <option> Element erstellen und anhängen existierend <select>