Javascript JQuery Append funktioniert nicht

Question

Ich versuche, einige Inhalte dynamisch hinzuzufügen, die nur dynamisch hinzugefügt wurden. Ich möchte eine Reihe von OPTION Artikel in eine SELECT, die ich gerade hinzugefügt habe. Die SELECT wird zusammen mit Code aus einer externen .php-Datei hinzugefügt (siehe unten). Dieses Div erscheint gut. Die Inhalte, die ich innerhalb der SELECT hinzufügen möchte, werden jedoch nicht angezeigt. Mein SELECT ist einfach leer. Ich bekomme keine Fehler. Die Konsolenausgabe im folgenden Code prüft und druckt, was ich davon erwarte.

Hier ist der Code Javascript:

$.get("test-new-product-modal.php", function(data){ 
    $(".modal-body").html(data); 
}); 
$divSelect = $("#product-list"); 
for(var i = 0; i<(arrayProductTypes.length); i++){ 
    $divOption = $("option", {'value' : i}); 
    $divOption.html(arrayProductTypes[i][0]); 
    $divSelect.append($divOption); 
    console.log("Product ID at "+i+" is: "+arrayProductTypes[i][0]); 
} 

Hier ist die Php-Datei, die ich HTML hinzufügen von:

<div class="container-fluid no-padding"> 
    <div class="col-sm-6 col-md-6 col-lg-6"> 
     <h4>Välj en produkt.</h4> 
     <select id="product-list" class="form-control"> 
      <!-- <option>DRA</option> 
      <option>DRB</option> --> 
     </select> 

     <div class="divider-line"></div> 

    </div> 
    <div class="col-sm-6 col-md-6 col-lg-6"> 
     <p class="product-add-description">Text.</p> 
    </div> 
</div> 

Answer 1

Versuchen jQuery hinzufügen() -Methode

$.get("test-new-product-modal.php", function(data){ 
    $(".modal-body").html(data); 
}); 
$divSelect = $("#product-list"); 
for(var i = 0; i<(arrayProductTypes.length); i++){ 
    $divOption = $("option", {'value' : i}); 
    $divOption.html(arrayProductTypes[i][0]); 
    $divSelect.add($divOption); 
    console.log("Product ID at "+i+" is: "+arrayProductTypes[i][0]); 
} 

Sie die doc finden here

Answer 2

Ich glaube, seine, wie erklären Sie sich die Objektoption dies versuchen:

Answer 3

Sie fügen options nicht korrekt hinzu. Wenn Sie options wie jquery object hinzufügen möchten, können Sie dies tun

for (var i = 0; i < (arrayProductTypes.length) ; i++) { 
    $divOption = $('<option></option>').val(i).html(arrayProductTypes[i][0]) 
    $divSelect.append($divOption); 
    console.log("Product ID at " + i + " is: " + arrayProductTypes[i][0]); 
} 

Diese Linie $divOption = $("option", {'value' : i}); nicht die option Objekt zurückgeben sondern es wird ein leeres Array zurückkehrt, so dass Sie

$('<option></option>').val(i).html("somehtml") verwenden müssen eine Rückkehr option.

Answer 4

Arbeits jsFiddle von etwas Ähnliches, was Sie erwarten:

Es ist viel einfacher, in ein hinzufügen HTML-Element wie folgt:

.append('<option value="' + array[i] + '">' + array[i] + '</option>');