如何在MVC中动态添加时将Dropdownlist值设置为每行的Textboxfor

public ActionResult Index()
{
    List<SelectListItem> dropdownListData = new List<SelectListItem>
    {
        new SelectListItem { Value = "1", Text = "Option 1" },
        new SelectListItem { Value = "2", Text = "Option 2" },
        new SelectListItem { Value = "3", Text = "Option 3" }
    };

    ViewBag.DropdownListData = dropdownListData;

    return View();
}

@model List<YourModel>

@{
    int rowNumber = 0;
}

@foreach (var item in Model)
{
    <div>
        @Html.DropDownListFor(model => model[rowNumber].DropdownlistValue, (IEnumerable<SelectListItem>)ViewBag.DropdownListData, "Select an option")
        @Html.TextBoxFor(model => model[rowNumber].TextboxValue)
    </div>

    rowNumber++;
}

<script>
    $(document).ready(function () {
        $('select').change(function () {
            var selectedValue = $(this).val();
            var textbox = $(this).siblings('input[type="text"]');
            textbox.val(selectedValue);
        });
    });
</script>