Thalisha Ответов: 1

Я хочу получить значения текстового поля на свой контроллер


У меня есть одно текстовое поле, и я динамически создаю другое текстовое поле на html-странице..У меня есть класс контроллера для этого.Я хочу получить только эти значения для своего контроллера.Я хочу сделать это с помощью Ajax и HttpPost(). Так что, пожалуйста, дайте этому дорогу.

Что я уже пробовал:

<script language="javascript" type="text/javascript">


    function GetDynamicTextBox(value) {
        return '<div class="form-group"><div  class="col-md-10" ><input name = "DynamicTextBox" class="form-control" type="text"  value = "' + value + '" /></div></div>' +
            '<input type="button" class="btn btn-default" value="Remove" onclick = "RemoveTextBox(this)" />'
    }
    function AddTextBox() {
        var div = document.createElement('DIV');
        div.innerHTML = GetDynamicTextBox("");
        document.getElementById("TextBoxContainer").appendChild(div);
    }

    function RemoveTextBox(div) {
        document.getElementById("TextBoxContainer").removeChild(div.parentNode);
    }

    function RecreateDynamicTextboxes() {
        var values = eval('<%=Values%>');
        if (values != null) {
            var html = "";
            for (var i = 0; i < values.length; i++) {
                html += "<div>" + GetDynamicTextBox(values[i]) + "</div>";
            }
            document.getElementById("TextBoxContainer").innerHTML = html;
        }
    }
    window.onload = RecreateDynamicTextboxes;




Это динамика, создающая текстовый файл.

В следующем есть html-сторона.

<div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>



---------И-------
<div id="form1" runat="server" class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <div id="TextBoxContainer">
            <!--Textboxes will be added here -->
        </div>
        <input id="btnAdd" type="button" class="btn btn-default" value="Add URl" onclick="AddTextBox()" />
        <br />
        <br />

        <br />
    </div>

    <asp:Button ID="btnPost" runat="server" Text="Post" OnClick="Post" />

</div>

1 Ответов

Рейтинг:
0

W∴ Balboos, GHB

Вы можете посмотреть эту ссылку для Инструкции AJAX[^].

Хотя AJAX и не являются взаимоисключающими на странице, они работают совершенно по-разному. Я заметил id='form1' на Вашей странице. Никакая форма.

Вы получили этот код из надежного источника?