Question

地狱！我在ASP.NET上有点新，遇到了这个问题。我想从用JavaScript动态添加的文本框中调用值。因此，我需要一些有关如何为其设置ID的帮助，或者一些有助于调用它们的方法。

让我向您展示一些代码

这是HTML部分：

<div id="alergy-container">
    <div class="col-sm-12">
        <label for="txtAlergias">Alérgico a:</label>
    </div>
    <div class="form-group col-sm-10">
        <asp:TextBox ID="txtAlergias" CssClass="form-control" runat="server"></asp:TextBox>
    </div>
    <div class="col-sm-2 alergy-option-container">
        <span class="add-alergy"><i class="fa fa-plus-circle"></i></span>
    </div>        
</div>

这是JavaScript：

<script>
        $(document).ready(function () {
            let container = $("#alergy-container");
            let addnBtn = $(".add-alergy");
            let removeBtn = $(".remove-alergy");
            let x = 0;
            const textId = "textAdded";
            let newId;

            $(addnBtn).click(function (e) {
                //e.preventDefault();         
                x++;
                newId = textId + x;
                $(container).append('<div><div class="form-group col-sm-10">' +
                                        '<asp:TextBox CssClass="form-control" ID="textAdded" name="txtAlergiasAdded"  runat="server"></asp:TextBox>' +
                                    '</div>' +
                                    '<div class="col-sm-2 alergy-option-container">' +
                                        '<span class="remove-alergy"><i class="fa fa-minus-circle"></i></span>' +
                                    '</div></div>');
                $('#textAdded').attr("id", newId);
                console.log(newId);
            })
            $(container).on('click', '.remove-alergy', function (e) {
                //e.preventDefault();
                let parentDiv = $(this).parent('div');
                parentDiv.parent('div').remove();
                x--;
            })
        })
    </script>

我想做一些输入数组之类的事情，并在后面的代码中使用foreach对其进行调用。有可能吗？

调用代码和Java隐藏代码中动态添加的输入

0 个答案: