如何在下面的下拉列表中填充相同的值

Question

在此處輸入圖像描述

在此處輸入圖像描述

我的 controller 中有 2 個 viewbag

ViewBag.MyCategory = new SelectList(db.RecyclableType, "id", "type");
ViewBag.iddd = new SelectList(db.RecyclableType, "id", "type");

和一個視圖

@Html.DropDownList("iddd", (IEnumerable<SelectListItem>)ViewBag.iddd, "SELECT ITEM TYPE", new { @class = "form-control" })
@Html.DropDownList("MyCategory", (IEnumerable<SelectListItem>)ViewBag.MyCategory, "SELECT ITEM TYPE", new { @class = "form-control"})

我試圖創建一個 function 如下所示，但沒有任何效果

document.getElementById("iddd") = document.getElementById("MyCategory");

Answer 1

您可以使用 jQuery

1. 首先在更改iddd下拉列表時獲取其value
2. 將值設置為MyCategory下拉列表並將屬性設置為selected

$("#iddd").change(function () {
    var value = $("#iddd").val();
    $("#MyCategory").val(value).attr("selected", "selected");
});

注意：在head部分添加jQuery腳本文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>