2017-02-09 4 views
0

Ich erhalte die Auswahl Dropdown-Optionen von dem Server, und ich habe einen Wert in einer Variablen in JavaScript gespeichert. Wenn die Optionen mit dem Wert übereinstimmen, der im Dropdown-Menü ausgewählt ist, wird dieser ausgewählt. Unten ist mein Code.Wie wählt man eine Drop-Down-Option, die dynamisch generiert wird?

Dies ist, um die Dropdown-Optionen vom Server zu erhalten und anhängen Drop-Down zu wählen.

$.ajax({ 
     type: "GET", 
     url: '/enquiry/user', 
     dataSrc: "data", 
     dataType : 'json', 
     cache: false, 
     success: function(users){ 
      var mySelect = $('#assigned'); 
    $.each(users, function(index, options){ 
     console.log(options._id); 
     mySelect.append(
    $('<option></option>').val(options._id).html(options.firstName) 
); 
     // $('#assigned').append('<option value="'+users._id+'">'+users.firstName+'</option>'); 
    }); 

und hier i in einer Variablen f8 = document.getElementById('assigned');

Wenn der Wert in f8 Übereinstimmungen mit den Optionen einen Wert habe, sollte diese Option vorselektierten erhalten.

Iam mit CSS

Html Dropdown <select id="assigned"> <option value="">Change Assignee</option> </select>

+0

'mySelect.val ('unabhängig')' wählen Wert einstellen jquery mit –

+0

$ ("# zugewiesen") val (f8). fügen Sie einfach Drop-Down-Namen und in val schreibt Variablennamen – GSB

+0

Vielen Dank für Ihre schnelle Antwort, @GSB, diese Zeile „$ (“ # zugewiesen „) val (f8);“. sollte nach meinem Ajax-Anruf geschrieben werden? Recht! – Manoj

Antwort

1
$('#optionID').prop('selected',true) 

//to update material select component per materializecss doc 
$('#select').material_select('destroy') 
$('#select').material_select() 

Arbeits Geige here, wenn auch nicht Ajax-Request materialisieren, sondern dynamisch Optionen generiert

edit:

$('#select').append($('<option></option>').val(VALUE).html(HTML)) 
$('#select').val(SELECTED_VALUE) 
$('#select').material_select('destroy') 
$('#select').material_select() 
+0

Ich gab ID zu meinen Optionen wie folgt, ist dies der richtige Weg "$ ('') .val (options.firstName) .id (options.firstName) .html (options.firstName)" – Manoj

+0

es ist auch irgendwie funktioniert, überprüfe den aktualisierten Code ... obwohl er sich zugegebenermaßen etwas seltsam verhält. bearbeiten: Arbeitsgeige https://jsfiddle.net/ayetx8o3/ – pandamakes

Verwandte Themen