javascript - 在 Yii 中创建一个计数器来添加多个表单

Question

帮我创建一个计数器来在 Yii 中添加多个表单。这样，当您单击“添加地址”按钮时，就会出现另一种形式。对不起我的英语!

UserController.php

public function actionLoadChildByAjax()
{
    $model = new Address();
    $this->renderPartial('address/_form', array(
        'model' => $model,
    ));
}

用户/_form.php

<div id="address">

</div>

<?php echo CHtml::link('Add Address', '#', array('id' => 'LoadChildByAjax')); ?>

<script type="text/javascript">
    $(document).ready(function () {
        $('#LoadChildByAjax').click(function (e) {
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: '/user/LoadChildByAjax',
                dataType: 'html',
                success: function (data) {
                    $('#address').html(data);
                }
            });
        });
    });
</script>

用户/地址/_form.php

<div class="crow">

<div class="row">
    <?php echo CHtml::activeLabelEx($model, 'address'); ?>
    <?php echo CHtml::activeTextField($model, 'address', array('size' => 60, 'maxlength' => 255)); ?>
    <?php echo CHtml::error($model, 'address'); ?>
</div>

Answer 1

正如评论中所述，您需要将 AJAX 成功函数修改为如下所示:

success: function (data) {
    $('#address').append(data);
}

这样，您将从 AJAX 调用返回的数据附加到您的 div，而不是替换它。有关这些方法的更多信息，请查看 html和 append .