javascript - 多个下拉菜单，每个下拉菜单都有多个文本框，并在选定的下拉菜单值上使用 jquery 更改文本框的值

Question

我正在做一个项目，我有

@for (int i = 0; i < Model.TripItemLst.Count; i++){
<table>
<tr>
  <td>@Html.DropDownList("Status", new SelectList(ViewBag.Campaign, "Value", "Text"), new { id="dd1"})</td>
  <td>@Html.TextBoxFor(model => model.TripItemLst[i].PlanTime,new {id ="tb1"})</td>
  <td>@Html.TextBoxFor(model => model.TripItemLst[i].AppTime,new {id ="tb2"})</td>
  <td>@Html.TextBoxFor(model => model.TripItemLst[i].ArriveTime,new {id ="tb3"})</td>
 <td>@Html.TextBoxFor(model => model.TripItemLst[i].DepartTime,new {id ="tb4"})</td>
</tr>
</table>
}

当我从与其对应的下拉菜单中选择值时，我试图更改文本框的每个值，但我能够仅更改文本框的值，仅用于第一个下拉菜单，而不是全部。这是我的jQuery：

$(document).ready(function () {


           // $('#dd1').live('change', function() 
                $('#dd1').change(function () 
            {
                var sel = this.options[this.selectedIndex].value;
                $(".list").show(sel);
                if (sel == 0) {

                }
                else if (sel == 1) {

                }
                else {

                }
            }).trigger('change');
        });

提前致谢。希望我很清楚，否则让我知道。再次感谢