JQuery ajouter à sélectionner avec un tableau

très simple, mais devinez quoi, pas pour moi. J'ai une liste séparée par des virgules comme ceci: Option1,Option2,Option3 que je veux ajouter à un <select> de sorte qu'il devient <select><option>Option1</option><option>Option2</option><option>Option3</option></select>

Je peux "split" la liste comme ceci (à l'intérieur d'une fonction qui récupère la liste):

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

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

Mais maintenant, comment puis-je ajouter seloption à ma liste de sélection. Si j'ai mis 

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

ou 

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

à l'intérieur de chaque boucle, rien ne se passe. Prendre à l'extérieur de la chaque je peux ajouter dire optionsarray[0], ou optionsarray[1] etc. mais je n'arrive pas à ajouter optionsarray[i] qui n'ait jamais la façon dont je le fais (à l'intérieur ou à l'extérieur de chaque). De l'aide svp - merci d'avance

InformationsquelleAutor Russell Parrott | 2011-02-11
  1. 3

    De départ avec une chaîne vide, vous pouvez construire une chaîne de caractères dans la boucle usingt +=. Puis .append() la chaîne.

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

var seloption = "";

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

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

    ou une autre option serait de construire les éléments séparément, de les stocker dans un récipient, puis ajoutez-les à partir du conteneur.

    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');

    Correction manque () après children.

    • merci beaucoup, parfait, je "sais" sujet += - peu comme .= en PHP, mais ne pouvait pas le faire fonctionner, suppose que c'est pourquoi vous déclarez var seloption = ""; première
    • Oui, exactement, vous devez l'initialiser avec une chaîne vide avant de vous +=.
    InformationsquelleAutor user113716
  2. 0

    Voici ce que j'ai écrit et à l'utilisation, c'est un peu plus rapide que la solution user113716 a donné, parce que vous êtes ignorant de la création de la temp de sélectionner, de tous ceux ajoute que temp sélectionnez (même si c'est un DOM fragment, il faut encore certains temps), et vous êtes également sauter le .enfants (les) de trouver et d'ôter à la fin pour ajouter.

    //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);
    }
};

    Donc:

    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);

    J'ai vraiment écrit ces plugins, pour exactement ce; le faire de cette manière, j'ai construit un 1500+ option sélectionner dans moins de 250 ms. 😀

    • Dans le cas où quelqu'un se demande, il devrait être $yourSelect.appendAll($options);
    InformationsquelleAutor BrianFreud