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

前もって感謝します。それ以外の場合はお知らせください。再度、感謝します