Javascript 将下拉值插入到多个文本框中

我有一张表格里面的桌子

<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 = Dat

我想使用右上角的下拉菜单填充文本框

Rite现在可以工作，但只填充第一个，而不经过循环

<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);
    });
});

伙计们，我想用最简单的方法来做这件事

感谢您的帮助

您正在为元素使用相同的分钟id，因此它将在第一次匹配后停止，因为id元素必须是唯一的。改为添加一个minutes类，您就可以开始了

$function{ $'dropdown'.changefunction{ var minutes=$this.val； 如果分钟！= $'.minutes'.valminutes； }; }; 选择 50 100

---

正如注释中已经指出的，ID应该是唯一的。因此，使用类而不是id是您需要的

改变

id = "minutes”

到

及

到

---

就这样

看起来您正在将所有输入id设置为相同的id分钟数。你只能有一个，这就是为什么它在第一个停止。是的，我想给用户一个选择下拉菜单时间的选项，默认为2倍50或100，这比一个一个地输入时间要容易，只需使用类而不是id，并相应地更改选择器。

class = "minutes”

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

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