Ajout d'une valeur à une zone de liste mais les séparant ligne par ligne par opposition à une ligne

Comment le code peut-il être modifié ci-dessous afin de permettre aux nouvelles valeurs ajoutées d'apparaître sur des lignes distinctes plutôt que sur la même ligne le bouton Ajouter est cliqué?Ajout d'une valeur à une zone de liste mais les séparant ligne par ligne par opposition à une ligne

Résultat attendu:

Red 
Blue 
Green 
Yellow

Résultat courant:

RedBlueGreenYellow

HTML:

<!DOCTYPE html> 

<html> 

<head> 

<script type="text/javascript"> 

function add() { 
    document.getElementById('list').value += " " + document.getElementById('input').value; 
} 

</script> 

</head> 

<body> 
<input type="text" style="width: 154px;" id="input"> 
<input onclick="add()" type="button" style="width: 20px; height: 22px;" value="+" id="add"><br> 
<textarea style="height: 75px;" id="list"></textarea> 
</body> 

</html>

Source

2013-01-31 John Smith

changer la fonction d'ajout comme,

function add() { 
    document.getElementById('list').value += " " + document.getElementById('input').value; 
}

Source

2013-01-31 15:17:13

Votre code l'ajoute toujours sur une ligne avec un espace étrange devant lui. –

Ajout d'une valeur à une zone de liste mais les séparant ligne par ligne par opposition à une ligne

Répondre

Questions connexes