Wie füge ich Optionen von jquery hinzu

Question

Ich möchte eine Option in meiner Auswahl Drop-down anhängen. Ich kann es nicht schaffen. Kann irgendjemand irgendeine Erklärung oder richtige Codemethode zur Verfügung stellen? Unten ist mein Code.

$.ajax({ 
 
        async: false, 
 
        url: '/api/TaskApi/' + "0", 
 
        type: 'GET', 
 
     success: function (data) { //data is an array of objects 
 
        $.each(data,function(i,data){//data is object 
 
          var d = data.id; 
 
          var u = data.user_Name; 
 
          console.log(d, u); 
 

 
          $('#example-getting-started').append($('<option value = "'+ d+'">'+ u +'</option>')); 
 
         }); 
 

 

 
        }, 
 

 
        failure: function() { 
 
         alert("Failed to load Users"); 
 
        } 
 
       });

<div class="col-lg-12 spacing"> 
 
            <div class="col-lg-6"> 
 
             <label>Assigned To</label> 
 
            </div> 
 
            <div class="col-lg-6"> 
 
             <div class="dropdown"> 
 
              <select id="example-getting-started" multiple="multiple"> 
 
               <option value="cheese">Cheese</option> 
 
              </select> 
 
             </div> 
 
            </div> 
 
           </div>

https://github.com/davidstutz/bootstrap-multiselect

Answer 1

Versuchen Sie, diese Zeile zu ändern:

$('#example-getting-started').append($('<option value = "'+ d+'">'+ u +'</option>')); 

Zu dieser Zeile:

$('#example-getting-started').append('<option value = "'+ d+'">'+ u +'</option>'); 

Lemmie wissen, ob es funktioniert.

Answer 2

$('#id').append($('<option>', { 
    value: 1, 
    text: 'My option' 
})); 

Für Optionen aus einer Sammlung von Elementen hinzufügen, können Sie folgendes tun:

$.each(items, function (i, item) { 
    $('#id').append($('<option>', { 
     value: item.value, 
     text : item.text 
    })); 
}); 

Answer 3

try folgende Zeile zu ändern:

$('#example-getting-started').append($('<option value = "'+ d+'">'+ u +'</option>')); 

Änderung es zu:

$('#example-getting-started').append($("<option></option>").attr("value",d).text(u));