我在C# asp.net
中有一个简单的表单,其中包含一些已定义的ID。
我创建了一个简单的JavaScript
代码,点击后会打开新代码 - 相同的代码。
现在问题是当你尝试将所有数据插入到数据库中时...因为当它打开相同的表单时,id保持不变...
<asp:TextBox ID="input_text" class="form-control" runat="server"> </asp:TextBox><br />
<asp:TextBox ID="input_num" type="number" class="form-control" runat="server"></asp:TextBox><br />
<asp:DropDownList ID="input_dropdown" class="form-control" runat="server">
<asp:ListItem Text="" Value=""></asp:ListItem>
<asp:ListItem Text="Material1" Value="Material1"></asp:ListItem>
<asp:ListItem Text="Material2" Value="Material2"></asp:ListItem>
<asp:ListItem Text="Material3" Value="Material3"></asp:ListItem>
</asp:DropDownList><br />
<asp:FileUpload ID="fileUpload" runat="server" class="form-control" onchange="readURL(this)" /><br />
<asp:Image ID="fileUploadImg" class="form-control" runat="server" Height="300px" /><br />
如何在JavaScript中获取这些ID并将其更改为数字或类似内容。这样它就可以用于数据库了。
示例:
第一个文本框的id为input_text
当我点击新表单时,第一个表单应该具有input_text的id,但第二个表单应该具有input_text1或者其他内容。
加载新表单的Javascript
<script type="text/javascript">
$(document).ready(function(){+
$("#btnAddNewProduct").click(function () {
$(".form-group").after($(".form-group").html());
});
});
我尝试了什么
<script type="text/javascript">
$(document).ready(function(){+
$("#btnAddNewProduct").click(function () {
var prvi = document.getElementsByTagName("asp:TextBox");
for (var i = 0; i < prvi.length; i++)
{
//some code - dunno what to do
}
$(".form-group").after($(".form-group").html());
});
});
有什么想法吗?
谢谢!
更新
script type="text/javascript">
$(document).ready(function(){
$("#btn-dodaj").click(function () {
var dodaj = "<br/><div class=\"forma\">" +
"<div class=\"forma1\"><input type=\"text\" class=\"form-control\" placeholder=\"vnesi..\"/><br/></div>" +
"<div class=\"forma2\"><input type=\"text\" class=\"form-control\" placeholder=\"vnesi..\"/><br/></div>" +
"<div class=\"forma3\"><input type=\"text\" class=\"form-control\" placeholder=\"vnesi..\"/><br/></div>" +
"<div class=\"forma4\"><input type=\"text\" class=\"form-control\" placeholder=\"vnesi..\"/></div>" +
"</div>";
$(".form-group").append(dodaj);
});
});