Bindungsdaten Dropdown

Question

Ich versuche, Drop-Down durch globale Variable zu binden (Name ist der Array-Name), die fein unten bindet:

Click here - dropdown is populating fine

var name = ['us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya']; 

Aber wenn ich versuche, das Array zu füllen (ddList ist der Array-Name) in der Erfolgs-Call-Back-Funktion (fnsuccesscallback), Drop-Down ist nicht auffüllen.

Click here - drop-down is not pupulating

function fnsuccesscallback(data) {   
      $.each(data.d, function() {    
       ddList.push(this['Value']);    
      });  
      ddList.push('a'); 
      ddList.push('b'); 
      ddList.push('c'); 
      ddList.push('d'); 

     } 

Aber ich möchte nur das Array in Call-Back-Funktion füllen.

Könnten Sie bitte lassen Sie mich wissen, wie das zu beheben?

aktualisiert:

Drodown formating screwed up

Erste Daten aber Formatierung von Drop-Down-verkorkst ist

Answer 1

Wie ich in den Kommentaren erwähnt, ist Ihr Ansatz funktioniert nicht, weil die Ajax-Erfolg Funktion, nachdem Sie gut ausführt Versuchen Sie, das Ergebnis an die Auswahl anzuhängen.

Sie sollten die neuen Optionen während des Rückrufs anhängen. Geben Sie diesem einen Versuch:

function fnsuccesscallback(data) { 
    data.map(function (el) { 
     $('.multiselect').append("<option value='" + el.Value + "'>" + el.Value + "</option>"); 
    }); 
}