如何获取项目的ID并使用javascript更改它

时间:2016-12-02 09:10:27

标签: javascript c# jquery asp.net database

我在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);
        });
});

0 个答案:

没有答案