Wie kann ich den Wert einer DropDownList mit jQuery setzen?

Question

Wie die Frage sagt, wie kann ich den Wert eines DropDownList-Steuerelements mit jQuery festlegen?

Answer 1

Satz drop-down selected Wert- und Aktualisierungsänderungen

$("#PR2DistrictId option[value='@Model.PR2DistrictId']").attr("selected", true).trigger("chosen:updated")

Hier setzen wir zunächst den Wert aus Model und aktualisierte sie dann auf dem gewählten

Answer 2

Hier finden Sie eine Funktion, mit der Sie die ausgewählte Option schnell einstellen können:

function SetSelected(elem, val){
        $('#'+elem+' option').each(function(i,d){
        //  console.log('searching match for '+ elem + '  ' + d.value + ' equal to '+ val);
            if($.trim(d.value).toLowerCase() == $.trim(val).toLowerCase()){
        //      console.log('found match for '+ elem + '  ' + d.value);
                $('#'+elem).prop('selectedIndex', i);
            }
        });
    }

Rufen Sie diese Funktion mit dem Argument element id und dem ausgewählten Wert auf; etwa so:

SetSelected('selectID','some option');

Sie ist nützlich, wenn viele Optionen ausgewählt werden müssen.

Answer 3

Für den Fall, dass Sie beim Laden aller <options ....></options> von Ajax call
Befolgen Sie dazu die folgenden Schritte.

1). Erstellen Sie eine separate Methode für das Setzen des Wertes des Dropdowns
Zum Beispiel:

function set_ip_base_country(countryCode)
    $('#country').val(countryCode)
} 

2). Rufen Sie diese Methode auf, wenn der Ajax-Aufruf erfolgreich war und alle Html-Anhängeaufgaben abgeschlossen sind.

Zum Beispiel:

success: function (doc) {
  .....
  .....
  $("#country").append('<option style="color:black;" value="' + key + '">'  +   value + '</option>')
  set_ip_base_country(ip_base_country)
}