Вставить раскрывающееся значение в несколько текстовых полей

Question

У меня есть таблица внутри формы

<table id="tablereport2" 
class="table table-striped table-bordered table-hover table-condensed">
            <thead style="background-color:black; font-weight:bold; 
        color:aliceblue">
                <tr>

            </thead>
            <tr>
                <th>Class ID</th>
                <th>Course Title</th>
                <th>Department</th>
                <th>SID</th>
                <th>Full Name</th>
                <th>Minutes</th>
            </tr>

            @for (var i = 0; i < Model.Count; i++)
            {
                <tr id="texbox">
                    <td>
                        @Html.DisplayFor(model => model[i].ClassID)
                        @Html.HiddenFor(model => model[i].ClassID)
                    </td>
                    <td>
                        @Html.DisplayFor(model => model[i].CourseTitle)
                        @Html.HiddenFor(model => model[i].CourseTitle)
                    </td>
                    <td>
                        @Html.DisplayFor(model => model[i].Department)
                        @Html.HiddenFor(model => model[i].Department)
                    </td>
                    <td>
                        @Html.DisplayFor(model => model[i].SID)
                        @Html.HiddenFor(model => model[i].SID)
                    </td>
                    <td>
                        @Html.DisplayFor(model => model[i].FullName)
                        @Html.HiddenFor(model => model[i].FullName)
                    </td>
                    <td>
                      @Html.TextBoxFor(model => model[i].Minutes, new { 
         placeholder = "0", id = "minutes" })
                        @Html.ValidationMessageFor(model => 
         model[i].Minutes)
                    </td>
                </tr>
            }
        </table>
        <table align="center">
            <tr>
                <td>
                    <input type="hidden" value="Save" id="btn-submit" 
                 class="btn btn-default" />
                    <span>
                        @Html.ActionLink("Save", "Class", "Class",
                      new { @class = "btn btn-success btn-md insertBtn", 
                 StartTime = DateTime.Now })
                    </span>
                </td>
            </tr>
        </table>
    </fieldset>

И это выглядит так

Я хочу заполнитьтекстовое поле с использованием раскрывающегося меню, которое у меня есть в верхнем правом углу.

Обряд теперь работает, но просто заполнить первый не проходит через цикл.

<td align="right">
<b>@Html.Label("Select Minutes :")</b>
    <select id="dropdown">
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
</td>

Моя JavaСкрипт

<script>
$(function () {
    $('#dropdown').change(function () {
        var minutes = $(this).val();
        $('#minutes').val(minutes);
    });
});

Любая идея, ребята, я бы хотел сделать это самым простым способом.

Спасибо за помощь

Answer 1

Как уже указывалось в комментариях, идентификаторы должны быть уникальными.Поэтому вам нужно использовать класс вместо идентификатора.

Изменить

id = "minutes”

На

class = "minutes”

И

$('#minutes').val(minutes);

На

$('.minutes').val(minutes);

Вот и все!

Answer 2

Вы используете один и тот же minute идентификатор для своих элементов, поэтому он просто остановится после первого совпадения, поскольку элементы id должны быть уникальными.Вместо этого добавьте класс minutes, и все готово.

$(function() {
  $('#dropdown').change(function() {
    var minutes = $(this).val();
    if (minutes != "")
      $('.minutes').val(minutes);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="minutes" /><br/>
<input class="minutes" /><br/>
<input class="minutes" /><br/>
<input class="minutes" /><br/>

<select id="dropdown">
  <option value="">Select</option>
  <option value="50">50</option>
  <option value="100">100</option>
</select>