动态地将具有值的字段添加到表单中

大家好。有一个功能：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#add').click(function(){
            var str = '<div>';
            str+= '<input type="text" value=""/> ';
            str+= '<input type="button" value="-" class="remove"/>';
            $('#sites').append(str);
        });
        $('.remove').live('click', function() {
            $(this).parent('div').remove();
        });
    });
</script>

它在下面的 div 中添加了一个空框：

echo CHtml::openTag('div', ['id' => 'sites']);
echo CHtml::closeTag('div');

如何更改它以添加此格式的字段：

echo $form->dropDownList($door,'type',$door->typeList(),
    ['name' => DoorSale::class.'[type]['.$door->id.']']);