多个下拉列表，每个下拉列表都有多个文本框，并在选定的下拉菜单值上使用文本框的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>
}

我正在尝试更改文本框的每个值，当我从与其对应的下拉菜单中选择值但我能够仅更改文本框的值而不是第一个drp而不是所有。这是我的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');
        });

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