我想在表单内使用 jQuery 动态创建以下 html 输入。这可能使用 jQuery 吗?
<div class="form-group">
<label class="col-sm-2 control-label">Enter Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="nameId" name="fullNme" placeholder="Enter full Name">
</div>
</div>
我想把上面的动态div和texbox放在div class="box-body"下
<form id="myform" class="form-horizontal" method="post">
<div class="box-body">
</div>
</form>
有人可以帮助我如何在 Jquery/Javascript 中实现吗?
提前感谢您的帮助!
最佳答案
你可以,
var formgroup = $("<div/>", {
class: "form-group"
});
formgroup.append($("<label>", {
class: "col-sm-2 control-label",
text: "Enter Name"
}));
var colsm = $("<div/>", {
class: "col-sm-10"
});
var input = $("<input/>", {
type: "text",
class: "form-control",
id: "nameId",
placeholder: "Enter Full Namee"
});
colsm.append(input);
formgroup.append(colsm);
$(".box-body").append(formgroup);
您可以像这样提供任意数量的属性。
关于javascript - 如何使用 jQuery 动态创建 HTML 输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37131370/