Comment ajouter des champs à la forme active avec js / jQuery dans Yii2?

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::