Добавление элемента в форму

@PYLLIOK · Регистрация: 15.01.2016

Author24 — интернет-сервис помощи студентам

Всем привет, есть модель

C#

[Display(Name = "Операция")]
        [Required]
        public string Name { get; set; }
 
        [Display(Name = "Параметры")]
        public double[] Args1 { get; set; }
        public IEnumerable<SelectListItem> States { get; set; }

есть представление

HTML5

@model EM.Calc.Web.Models.InputModel
@{
    ViewBag.Title = "Input";
}
 
<h2>Давайте посчитаем</h2>
 
@using (Html.BeginForm("Input", "Calc", FormMethod.Post, new { @id = "form" }))
{
    @Html.AntiForgeryToken()
    <div class="form-horizontal">
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownListFor(m => m.Name, Model.States, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Args1, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10" id="double">
                <div id="double">
                    @Html.EditorFor(model => model.Args1, "doubles")
                </div>
                @Html.ValidationMessageFor(model => model.Args1, "", new { @class = "text-danger" })
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Посчитать" class="btn btn-default" />
            </div>
        </div>
    </div>
}

есть шаблон для "doubles"

HTML5

@model  double[]
 
@if (Model == null)
{
    <input type="number" name="Args1" class="form-control" />
    return;
}
 
@foreach (var item in Model)
{
    <input type="number" name="Args1" value="@item" class="form-control" />
}

Как я могу создать на стороне клиента ещё текстовых полей по нажатию на пробел в режиме ввода данных в этом поле
я, понимаю, что надо использовать javascript использую событие KeyPress, но все мои попытки неудачны.
Используются стандартные js библиотеки которые подключаются при создание проекта.
буду благодарен за любую помощь.

	05.11.2018, 01:18