javascript - 如何在 Yii2 中使用 js/jQuery 向 activeform 添加字段？

Question

您好，我有一个用户表单，我想添加一个按钮，以便用户可以动态添加更多联系人。

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

如果我不使用框架，我会做这样的事情 http://jsfiddle.net/3t06fL3f/ (这是基于非常旧的代码):)

但是使用 Yii2 我不确定如何完成这个，我是 yii2 和一般框架的新手。

提前致谢。 :)

Answer 1

你可以像下面那样做:

将以下代码写入您的 View :

 $this->registerJs('$("#btnadd").on("click",function(){'
    . '$("#dynamicInput").append(\''
    . Html::tag("div",  Html::textInput("name","",['placeholder'=>"name"]))
    . Html::tag("div",  Html::textInput("email","",['placeholder'=>"email"]))
    . '\');'
    . '})');

请注意，您需要:

use yii\helpers\Html;

在您的页面顶部。否则，你应该写 yii\helpers\Html:: 而不是 Html::