Question

我正在尝试从表单重新制作相同的div内容，但我希望动态生成它。

正如您在此http://jsfiddle.net/Tk7Pm/所看到的这是我要重现的html部分。

<div>
 <input type="checkbox" name="checkBox[]" id="qCB" checked="">  

    <div class="input-group col-sm-6">
        <input type="text" class="form-control" name="optionName[]" value="C" placeholder="Entrez un nom de choix...">
        <span class="input-group-addon glyphicon glyphicon-remove" style="border:0;"></span>    
    </div>

 <input type="hidden" name="optionVal[]" value="1">
</div>

所以正如你在jsfiddle链接中看到的那样，我试图创建一个div和一个细分，并在第一个中附加细分，但我有一个空细分。

Answer 1

更改您调用appendTo语句的顺序并转换自：

$('<input />',{type : 'checkbox',name:'checkBoxQuest[]',value:1,placeholder:"Votre choix..."}).appendTo(div);

为：

$('<input type="checkbox" name="checkBoxQuest[]" checked=""/>').appendTo(div);

提供要追加的内容的风格我能够添加其他选项。我没有在复选框中包含id =“qCB”，因此它们的样式与上面的样式完全不同。

请参阅：http://jsfiddle.net/Tk7Pm/4/

动态创建相同的div

1 个答案: