Semanic UI Drop-Down mit JQuery - Wie ein semantischen-ui Dropdown mit JQuery initialisieren

Question

Ich habe ein Array wie diese

var resultsArray = [ { name: "BMW", value: "BMW", text: "BMW" }, { name: "Mercedes-Benz", value: "Mercedes-Benz", text: "Mercedes-Benz" } ... ]; 

Und dann in meinem JavaScript, habe ich versucht, die Drop-down mit oben Array zu initialisieren.

$('.select-car-model').dropdown({ 
           source: resultsArray 
           }); 

Das Array füllt die Daten jedoch nicht. Was fehlt mir hier?

EDIT: Dies ist die HTML

<select name="cars" class="ui search selection dropdown select-car-model" multiple="" id="car-multiselect"> 

Answer 1

Sofern Sie Ihre Optionen Daten von einem API-Aufruf, wenn es darum, Semantic-UI nicht über eine Einstellung programmatisch die Optionen zur Verfügung zu stellen. Also wirklich brauchen Sie nur die Einrichtung der Auswahl wie Sie normalerweise

<select name="cars" class="ui search selection dropdown select-car-model" multiple="" id="car-multiselect"> 
    <option value="">Select Car</option> 
    <option value="BMW">BMW</option> 
    <option value="Mercedes-Benz">Mercedes-Benz</option> 
</select> 

Und dann Semantic-UI zu initialisieren seine nur $('.select-car-model').dropdown()

Wenn Sie zufällig eine Art Rahmen zu verwenden, oder einfach nur jquery, Sie könnte diese Optionen programmgesteuert hinzufügen. Seien Sie sicher, es zu tun vor der dropdown() Anruf.

var resultsArray = [ { value: "BMW", text: "BMW" }, { value: "Mercedes-Benz", text: "Mercedes-Benz" } ... ]; 

$.each(resultsArray, function (i, item) { 
    $('.select-car-model').append($('<option>', { 
    value: item.value, 
    text: item.text 
    })) 
}) 

$('.select-car-model').dropdown()