Html datalist les valeurs du tableau en javascript

J'ai un programme simple qui doit prendre les valeurs à partir du fichier texte sur le serveur, puis de renseigner sur la datalist que la sélection dans le champ de saisie de texte.

Pour cette fin, la première étape que je veux prendre est que je veux savoir que la façon dont le tableau de javascript peut être utilisé comme un datalist options de façon dynamique.

Mon Code est :

<html>  
<script>

var mycars = new Array();
mycars[0]='Herr';
mycars[1]='Frau';

</script>

<input name="anrede" list="anrede" />
<datalist id="anrede">
 <option value= mycars[0]></option>
 <option value="Frau"></option> 
</datalist>
</html>

Je veux remplir le champ de saisie de texte contenant le datalist que des suggestions à partir du tableau. Ici aussi, je havenot prendre en compte les valeurs de tableau. En fait je n'ai pas besoin de deux datalist options, mais dxnamic en fonction de la longueur du tableau

OriginalL'auteur Zeeshan | 2013-07-29

14

Je ne suis pas sûr si j'ai bien compris votre question clairement. De toute façon, essayez ceci:
```
<input name="car" list="anrede" />
<datalist id="anrede"></datalist>

<script type="text/javascript">
  var mycars = new Array();
  mycars[0]='Herr';
  mycars[1]='Frau';

  var options = '';

  for(var i = 0; i < mycars.length; i++)
    options += '<option value="'+mycars[i]+'" />';

  document.getElementById('anrede').innerHTML = options;
</script>
```
merci pour la réponse, oui, il fonctionne, mais je veux vous demander une chose de plus pour concept que quand j'essayais <html> <head> <script type="text/javascript"> var mycars = new Array(); mycars[0]= "Herr"; mycars[1]= "Frau"; var options = "; for(var i = 0; i < mycars.longueur; i++) options += '<option value="'+mycars[i]+'" />'; document.getElementById ("anrede').innerHTML = options; </script> </head> <body> <input name="liste" nom="anrede" /> <datalist id="anrede"></datalist> </body> </html> il n'a pas été le travail est l'erreur
est-ce dû à ne pas créer de la datalist objet et j'en suis par id qui n'est pas été créé
Il ne fonctionne pas parce que le script est placé à l'avant de l'élément. Elle est analysée et traitée avant que la totalité de la page.
ok désolé je suis novice donc soulevé une question idiote
Pas de problème du tout. Nous devons commencer quelque part, non? =)

OriginalL'auteur Andre Calil

C'est une vieille question et déjà suffisamment répondu, mais je vais jeter la méthode DOM ici de toute façon pour quelqu'un qui n'aime pas l'utilisation littérale HTML.

<input name="car" list="anrede" />
<datalist id="anrede"></datalist>

<script>
var mycars = ['Herr','Frau'];
var list = document.getElementById('anrede');

mycars.forEach(function(item){
   var option = document.createElement('option');
   option.value = item;
   list.appendChild(option);
});
</script>

Voici le violon.

OriginalL'auteur Paul Walls

1

Vous pouvez le faire en jQuery mais d'autre part, puisque vous êtes de traitement des données sur le serveur, vous risquez de générer un code HTML directement (juste une suggestion).
```
<script>

var mycars = new Array();
mycars[0]='Herr';
mycars[1]='Frau';

$(document).ready( function() {
    $(mycars).each( function(index, item) {
        var option = $('<option value="'+item+'"></option>');
        $('#anrede').append(option);
    });
});

</script>

<input name="anrede" list="anrede" />
<datalist id="anrede">
    
</datalist>
```
Voici un JSFiddle avec ce code, de sorte que vous pouvez immédiatement l'essayer: http://jsfiddle.net/mBMrR/

lorsque j'exécute ce qu'il dit de référence de l'erreur que j'ai.e ReferenceError: $ n'est pas défini.
Vous avez besoin de télécharger et d'inclure jQuery dans votre projet.
ouais, ça fonctionne maintenant... merci et une chose de plus pouvez-vous décrire quel est votre suggestion ", vous pouvez générer le code HTML directement (juste une suggestion)."
comment pouvez-vous générer votre code HTML - de la technologie? PHP, ASP.NET, ... sauf si vous avez écrit le code HTML manuellement, vous pouvez ignorer ma suggestion pour l'instant 😉
ouais j'ai écrit à la main et uniquement le travail requis à la fin du serveur se fait par perl. donc, ignorant 😀

OriginalL'auteur daxur

Vous devez vous connecter pour publier un commentaire.