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

时间:2014-12-17 18:05:41

标签: javascript php jquery yii2

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

<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和框架的新手。

提前谢谢你。 :)

1 个答案:

答案 0 :(得分:3)

你可以这样做:

将以下代码写入您的视图:

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