programmatisch gewählte option in Select2

Habe ich eine einzelne Auswahl select2, die über eine ajax-Suche, um Ergebnisse zu finden. Ich initialisiert habe es wie folgt aus:

Task.ConfigureAssignee = function (objId) {

    var sectionID = (Utilities.GetQueryStringParams('subsection') != undefined) ? Utilities.GetQueryStringParams('subsection') : "-1";

    $(objId).select2({
        placeholder: 'Type names of people...',
        minimumInputLength: 3,
        multiple: false,
        width: '520px',
        id: function (obj) {
            return obj.ID;
        },
        ajax: { 
            type: "POST",
            datatype: 'json',
            url: "/webservices/globalwebservice.asmx/EventInviteSearch",
            data: function (term) {
                return JSON.stringify({ q: term, sectionId: sectionID });
            },
            contentType: 'application/json; charset=utf-8',
            results: function (data, page) { 
                return { results: data.d.SearchResults };
            }
        },
        formatResult: Task.FormatPersonSearchResult,
        formatSelection: Task.PersonForSelection
    })
}

Was ich tun möchte, ist auf eine Schaltfläche klicken Sie auf " hinzufügen ein neues Element in der select per javascript.

Ive blickte auf $("#ddlinput").select2("val", "CA"); von der Dokumentation, aber dies erfordert, dass das Element alreayd gebunden werden select2.

Jede Hilfe wäre toll.

Ich glaube, ich muss möglicherweise den Wert der Eingabe und erstellen der select2, mit initSelection Funktion. Ich versuchte dies und es funktioniert nicht aber. Keine Fehler, aber es passiert nichts.

  • Sie können Gebrauch machen von append() auf Element hinzufügen in der wählen Sie nach dem anklicken der Schaltfläche
  • Danke, und welches element kann ich call append() auf? Können Sie erläutern, wie mit einer Antwort, will ich auch das element ausgewählt
  • Sind Sie verbindlich select2 um ein text-input-oder select-element?
  • Im binding to a text input
InformationsquelleAutor DavidB | 2014-04-17
  1. 12

    Ich bin mit AJAX zu bringen Anregungen bieten, die die Benutzer klicken können, und fügen Sie der select-box.

    Ich ging durch eine Menge von Schmerzen, die mit dieser, schließlich landete ich mit diesem (das ist der Vorschlag, den Klick-handler, d.h. die option text und Wert stammen aus AJAX in der realen Welt).

    var select = $('#myselect');
var option = $('<option></option>').
     attr('selected', true).
     text("An Option").
     val(42);
/* insert the option (which is already 'selected'!) into the select */
option.appendTo(select);
/* Let select2 do whatever it likes with this */
select.trigger('change');

    Scheint, den trick zu tun.

    • Funktioniert perfekt, auch in select2 V4.0. Danke!!!!
    InformationsquelleAutor Amichai Schreiber
  2. 2

    Können Sie mithilfe der append() auf Element hinzufügen in der wählen Sie nach dem anklicken der Schaltfläche

    $('.submitClass').click(function(){

$('#selectId').append('<option selected="selected" value="val1">CA</option>');

});
    • Vielen Dank, aber es sagt, ich brauche eine Funktion initSelection
    • Was genau der Fehler ist es, zu werfen
    • nicht aufrufen kann, val (), wenn initSelection() ist nicht definiert. Ich habe meinen post editiert
    InformationsquelleAutor lampdev
  3. 0

    Seit der select2 leer ist (da Ihre remote-Daten -) ich bin dabei:
    Clearing-Elemente, indem der Wert, der Auswahl und der Auslösung ändern...

    $(dd).empty().append('<option value="'+ selectedValue +'">'+ selectedValue +'</option>').val(selectedValue ).trigger('change');
    InformationsquelleAutor pmeyer
Schreibe einen Kommentar