Dynamique HTML5 Datalist

Je suis donc d'avoir un peu d'un problème à l'obtention de mon HTML5 Datalist pour remplir dynamiquement à partir d'une javascripi tableau qui est renseignée à partir des valeurs d'une clé d'un objet qui est peuplée par des lignes dans une base de données MySQL. Ouf!

De Base de données MySQL => Table => Lignes => JSON => les Objets Javascript => "prenom" & "lastname" key => Array de prénoms => Datalist Options.

J'ai réussi à créer le Tableau de noms:

var nameArray = ["Rick Bross","Madison Smith","Jack Johnson"]; //Example of my array

Et de créer une boucle .ajoutez-les à la datalist:

for (var i = 0; i < nameArray.length; i++) {
    alert(i + " - " + nameArray[i]); //Works Fine, "0 - Rick Bross", "1 - Madison Smith", etc.
    $('#potentials').append("<option value='" + nameArray[i] + ">"); //Not working.
}

Voici mon code HTML:

<input tabindex='1' list="potentials" type="text" placeholder="First &amp; Last Name" id="name" name="name"></input>
<datalist id="potentials">
</datalist>

Personne ne sait pourquoi ce n'est pas le remplissage?

+1 pour un sscce-conformes à la question 🙂

OriginalL'auteur Rick Bross | 2013-04-15

  1. 2

    Je sais que cette réponse est tardive, mais il pourrait aider quelqu'un.

    var nameArray = ["Rick Bross","Madison Smith","Jack Johnson"];

    Ajouter des options à la datalist.

    - "attr" aide si vous avez besoin d'un je.d pour identifier chaque option.

    - "texte" est le contenu s'affiche.

    $.each(nameArray, function(i, item) {
    $("#potentials").append($("<option>").attr('value', i).text(item));
    });

    OriginalL'auteur Records

  2. 8

    Il y avait un manque apostrophe, essayez:

    $('#potentials').append("<option value='" + nameArray[i] + "'>");
    Qui a pris soin d'elle, merci!

    OriginalL'auteur kuncajs

  3. -5

    Essayez $("datalist#potentiels).ajouter...

    Si $('#potentials') ne fonctionne pas, y compris le type d'élément dans le sélecteur de $('datalist#potentials') ne va pas aider.

    OriginalL'auteur Andrew Traub