javascript/jquery générer l'élément d'entrée

J'ai donc ce code. Et je veux accomplir quelque chose
probablement simple pour javascript, les gars. Si une option est sélectionnée
ajoutez ensuite un champ de saisie dans un div.

<select name="amount" >
    <option value="50">50$</option>
    <option value="100">100$</option>
    <option value="Other">Other</option>
</select>

<div id="custom_price">

</div>

Si je veux ajouter le champ d'entrée une fois que le "Autres" option est sélectionnée. Je sais qu'il y a
un moyen simple de contourner cela, mais je ne peux pas le faire fonctionner:

document.getElementById('custom_price').innerHTML += "<input type="text" name="amount"/>"

Donc custom_div ressemblerait à:

<div id="custom_price">
Custom price:<br>
<input type="text" name="amount"/>
</div>
  • Astuce: Regarder la coloration syntaxique.
  • Ah oui, il y a une erreur de syntaxe il y! Toutes les réponses (dont le mien) sont juste des approches différentes de faire la même chose que l'OP a déjà des pseudo-accompli 🙂
InformationsquelleAutor inrob | 2012-08-14