Bonjour, j'ai un formulaire d'utilisateur et je souhaite ajouter un bouton afin que l'utilisateur puisse ajouter plus de contacts dynamiquement.
<form id="user-form"> <div id='dynamicInput'> <div><input type='text' placeholder='name'></div> <div><input type='text' placeholder='email'></div> </div> <input type='button' id='btnadd' value="add contact"> <input type='submit'> </form>
Si je n'utilisais pas le Framework, je ferais quelque chose comme ceci http://jsfiddle.net/3t06fL3f/ (ceci est basé sur un code très ancien) 🙂
Mais en utilisant Yii2, je ne suis pas sûr de savoir comment y parvenir, je suis nouveau sur yii2 et les frameworks en général.
Merci d'avance. 🙂
Vous pouvez le faire comme ci-dessous:
Écrivez le code suivant dans votre vue:
$this->registerJs('$("#btnadd").on("click",function(){' . '$("#dynamicInput").append(\'' . Html::tag("div", Html::textInput("name","",['placeholder'=>"name"])) . Html::tag("div", Html::textInput("email","",['placeholder'=>"email"])) . '\');' . '})');
Veuillez noter que vous devez avoir:
use yii\helpers\Html;
En haut de votre page. Sinon, vous devez écrire yii\helpers\Html::
au lieu de Html::