Question

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

<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>

我选择＆＃34;显示Div1＆＃34;，我想＆＃34;刷新＆＃34; DivContainer并根据SelectDiv下拉列表中的选择更新样式类。

这个逻辑是服务器端还是客户端？如果更改了接近此方法的方式，数据将绑定到模型。我需要在整个应用程序中执行许多类型的操作，而我只是想找出构建事物的最佳方法。

Answer 1

您需要在客户端执行此操作，以便使用jquery快速响应用户操作。

<script>
  $("#SelectDiv").change(function(){
    $("#DivContainer div").addClass("hidden");
    var selectedDiv =  $("#SelectDiv").val();
    
    $("#"+selectedDiv).removeClass("hidden");
  });
</script>

.hidden {
  display:none;
}

<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>

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

1 个答案: