JQuery append wählen Sie mit einem array

sehr einfach, aber ratet mal, was nicht für mich. Ich habe eine Komma-separierte Liste wie diese: Option1,Option2,Option3, möchte ich anfügen an ein <select> so wird es <select><option>Option1</option><option>Option2</option><option>Option3</option></select>

Kann ich die "split" wird die Liste wie diese (innerhalb einer Funktion, wird der Liste):

var optionsarray = $(this).val().split(',');

    $(optionsarray).each(function(i){
        var seloption = '<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>'; 
    });

Aber jetzt, wie ich anfügen seloption zu meiner select-Liste. Wenn ich

$('#selecttoappendto').append('<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>');

oder

$('#selecttoappendto').append(seloption);

innerhalb der each-Schleife passiert nichts. Nehmen Sie es außerhalb des einzelnen kann ich anfügen sagen optionsarray[0] oder optionsarray[1] etc. aber ich kann nicht Anhängen optionsarray[i] denen immer wie ich es tun (innerhalb oder außerhalb der). Bitte helfen - vielen Dank im Voraus

InformationsquelleAutor Russell Parrott | 2011-02-11

  1. 3

    Beginnend mit einem leeren string Sie können eine Zeichenfolge in der Schleife usingt +=. Dann .append() den string.

    var optionsarray = $(this).val().split(',');

var seloption = "";

$.each(optionsarray,function(i){
    seloption += '<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>'; 
});

$('#selecttoappendto').append(seloption);

    oder eine andere option wäre der Aufbau der Elemente separat speichern Sie in einem container, dann fügen Sie diese aus dem Behälter.

    var optionsarray = $(this).val().split(',');

var temp_sel = $('<select>');

$.each(optionsarray,function(i){
    temp_sel.append('<option>',{text:optionsarray[i],
                                value:optionsarray[i]
                                });
});

temp_sel.children().appendTo('#selecttoappendto');

    Feste fehlenden () nach children.

    vielen Dank, perfekt, ich "wissen" über die += - bit-wie .= in PHP aber nicht bekommen konnte, dass es funktioniert, davon ausgehen, dass ist, warum Sie deklarieren var seloption = ""; erste
    Ja genau, müssen Sie es initialisieren mit leerem string, bevor Sie +=.

    InformationsquelleAutor user113716

  2. 0

    Hier ist, was ich schrieb und zu verwenden; es ist ein wenig schneller als die Lösung user113716 gab, weil man auslassen erstellen der temp auswählen, werden alle jene an, die temp wählen (auch wenn es ein DOM-fragment, dauert es noch einige Zeit), und Sie sind auch überspringen .(Kinder) finden und Auspacken am Ende für das Finale anfügen.

    //Appends multiple elements all at once; maintains chaining
$.fn.appendAll = function ($eleArr) {
    var numEles = $eleArr.length
    ,    $useEle = new $();
    if (numEles) {
        while (numEles--) {
            $useEle = $eleArr[numEles].add($useEle);
        }
        return $(this).append($useEle);
    }
};

//Prepends multiple elements all at once; maintains chaining
$.fn.prependAll = function ($eleArr) {
    var numEles = $eleArr.length
    ,    $useEle = new $();
    if (numEles) {
        while (numEles--) {
            $useEle = $eleArr[numEles].add($useEle);
        }
        return $(this).prepend($useEle);
    }
};

    Also:

    var optsArr = $(this).val().split(','),
    $options = [],
    thisOption;

$.each(optsArr, function(i) {
    thisOption = '<option value="' + optsArr[i] + '">' + optsArr[i] + '</option>';
    $options.push($(thisOption));
});

$yourSelect.appendAll(optsArr);

    Ich tatsächlich schrieb die plugins für genau diese; auf diese Weise tun, ich Baue einen 1500+ option wählen Sie in unter 250 ms. 😀

    Falls sich jemand wundert sollte es $yourSelect.appendAll($options);

    InformationsquelleAutor BrianFreud

Schreibe einen Kommentar