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 🙂
Vous devez vous connecter pour publier un commentaire.
À en juger par les balises de votre question, vous êtes à l'aide de jQuery. L'ajout d'une entrée est assez facile.
if (this.value=='Other') ...
Meilleure façon serait de le faire réellement l'élément du dom.
Peut-être avec un gestionnaire comme ceci:
affecter votre sélectionnez un id:
<select name="amount" id="amount">
C'est
Si vous commencez un sring à l'aide de
"
, vous avez à scape les caractères"
à l'intérieur (\"
) ou de l'utilisation'
À l'aide de jQuery
Il suffit de placer l'entrée à l'intérieur d'un div et cacher div initialement. Puis utiliser jQuery/JS pour afficher cette div, si nécessaire.