Remplissage de la zone de texte créée dynamiquement avec javascript dans IE

Question

J'essaie d'ajouter dynamiquement des zones de texte (input type = text) à une page en javascript et de les pré-remplir. Les boîtes de texte arrivent, mais elles arrivent vides. Quelle est la bonne façon de pré-remplir une zone de texte. Idéalement, j'aimerais utiliser l'astuce de créer un div enfant, en définissant la propriété innerhtml, puis en ajoutant cette div à la div principale parent, mais cela n'a pas fonctionné. Ensuite, je pensais que j'utiliserais le dom mais la définition de textboxname.value avant ou après l'insertion ne fonctionnera pas et faire txttextbox.setattribute ('value', 'somevalue') ne fonctionnera pas non plus. Fonctionne bien dans Firefox. Ce qui donne? Cela doit être possible? Voici mon code. Je sais que j'utilise seulement des littéraux de chaîne, mais ceux-ci seront remplacés par les résultats d'un appel de service Web finalement. Voici un peu de code. Oh, et comment formater le code pour apparaître quand vous le tapez? Je pensais que ça disait de mettre en retrait quatre espaces, et je l'ai fait mais le code est toujours sur une ligne. Désolé pour ça.

var table=document.createElement('table'); 
var tbody=document.createElement('tbody'); 
var row=document.createElement('tr'); 
row.appendChild(document.createElement('td').appendChild(document.createTextNode('E-mail'))); 
var txtEmail=document.createElement('input'); 

row.appendChild(document.createElement('td').appendChild(txtEmail)); 
tbody.appendChild(row); 
table.appendChild(tbody); 

//document.getElementById('additionalEmails').innerHTML=""; 
document.getElementById('additionalEmails').appendChild(table); 

Answer 1

txtEmail.value = 'my text' 

ne fonctionne pas?

Answer 2

Vous pouvez également utiliser Prototype faire facilement:

document.body.insert(new Element("input", { type: "text", size:20, value:'hello world' })) 

Answer 3

J'ai rencontré des problèmes similaires à cela dans le passé, et alors que ma mémoire est un peu floue sur la raison pour laquelle il se passait exactement, je pense vous devrez peut-être vous assurer que l'élément est effectivement ajouté au DOM avant de modifier sa valeur. par exemple:

 

var txtEmail=document.createElement('input'); 

document.getElementById('someElementThatAlreadyExists').appendChild(txtEmail); 

txtEmail.value = 'sample text'; 
 

Answer 4

J'ai fini par résoudre ce problème en injectant le code HTML directement dans une page via un enfant div. Cela a marché, c'est juste que je suis aveugle et le logiciel que j'utilise pour lire l'écran pour une raison stupide n'a pas réussi à voir le texte dans la zone de texte. Allez comprendre. Merci pour le conseil sur le prototype, si jamais je décide de ne pas tricher et d'ajouter directement les éléments au dom, je le ferai de cette façon.