Razor ASP.NET内核动态隐藏和显示Onchange

我是ASP.NET核心的新手，我正在尝试找出基于字段值更改隐藏/显示元素的最简单方法。例如，如果我有以下内容：

<select id="SelectDiv">
    <option value="">-- choose --</option>
    <option value="Div1">Show Div1</option>
    <option value="Div2">Show Div2</option>
</select>
<div id="DivContainer">
    <div id="Div1" class="hidden">I'm Div1!</div>
    <div id="Div2" class="hidden">I'm Div2!</div>
</div>

--选择--
节目组1
节目组2
我是第一组！
我是第二组！

我选择“showdiv1”，我想“刷新”

DivContainer

，并根据

SelectDiv

下拉列表中的选择更新样式类

---

这个逻辑是在服务器端还是客户端完成的？如果这改变了实现这一点的方式，那么数据将绑定到一个模型。在我的应用程序中，我需要做很多这样的操作，我只是想找出最好的方法来组织事情。

你需要在客户端这样做，以快速响应jquery的用户操作

$（“#SelectDiv”）.change（函数（）{
$（“#div container div”）.addClass（“隐藏”）；
var selectedDiv=$（“#SelectDiv”）.val（）；
$（“#”+selectedDiv）.removeClass（“隐藏”）；
});

。隐藏{
显示：无；
}

--选择--
节目组1
节目组2
我是第一组！
我是第二组！

jQuery实现这一点的最简单方法