您好我有一个用户表单,我想添加一个按钮,以便用户可以动态添加更多联系人。
<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和框架的新手。
提前谢谢你。 :)
答案 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::