Javascript 使用下拉列表中的动态值设置属性

在这里，我想设置一个在动态下拉列表中选择的属性，当它在MVC中的HttpPost之后被单击时，它会显示相同的第一个文本，请选择一个类别

@if (Model.objlist1.Count != 0) {
    <select id="catID" onchange="getID();this.form.submit();">
        <option id="removeIT" value="007">Please select a category</option>
        @foreach (var item in Model.objlist1) {
            //a++;
            <option value="@item.categoryID">@item.category</option>
        }
    </select>
    @Html.HiddenFor(m => m.categoryID, new { @id = "newCatID", @name = "newCatID" })
}

从HttpPost重新加载后，我希望通过使用值来检查并设置选项标记中选择的属性，从而在foreach循环选项标记的动态下拉列表中获取所选属性。

尝试如下 在后台通行证类别中

 ViewData["category"] =  new SelectList(
new List<SelectListItem>
{
    new SelectListItem { Text = "Cat1", Value = 1},
    new SelectListItem { Text = "Cat2", Value = 2},
}, "Value" , "Text");

在你看来

@Html.DropDownListFor(model => model.categoryID,  ViewData["category"] as IEnumerable<SelectListItem>, "Please select a category")

---

但是，我如何在查看页面中设置属性selected而不是backend category，因为正如您在上面看到的，我在选项标记上使用foreach循环，我希望这样。它将自动选择Depended by valueissue resolved将值从选项标记添加到viewbag，然后在document ready函数内的$catID.val'@viewbag.ID'上设置它