Входные вызовы динамически добавляются с помощью Javascript в Code Behind - PullRequest
Новая
       9

Входные вызовы динамически добавляются с помощью Javascript в Code Behind

0 голосов
/ 26 сентября 2018

Helllo!Я немного новичок в ASP.NET, и у меня возникла эта проблема.Я хочу, чтобы значения из текстового поля динамически добавлялись с помощью JavaScript.Итак, мне нужна помощь в том, как установить для них идентификатор или что-то, что могло бы помочь их вызвать.

Позвольте мне показать вам часть моего кода

Вот часть 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на код позади.Возможно ли это?

...