C# 有没有办法跟踪select'；.cshtml页面中的s值？

因此，我有一个带有选择框的.cshtml页面，根据选择的选项，我希望有条件地呈现一个div或另一个div。有没有一种方法可以只利用.cshtml中的代码而不必引用控制器或模型

<div class="text-center">
    <select id="Select">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
        <option value="5">Option 5</option>
    
    </select>

    @if(someOptionFromTheSelect == 1)
    {
        <div>Render this Div</div>
    }
    else
    {
        <div>Render this one</div>
    }

</div>

选择1
选择2
选择3
选择4
备选案文5
@如果（选择中的某些选项==1）
{
渲染此Div
}
其他的
{
渲染这个
}

---

在条件语句中是否仍然可以使用所选选项？我尝试过JQuery，但似乎找不到一种方法让C#conditional语句可以访问它。

post应该提供您所需要的。简而言之，您将需要一些JavaScript或将信息发布到控制器。你不能直接用Razor引用它。

帖子应该提供你需要的。简而言之，您将需要一些JavaScript或将信息发布到控制器。你不能直接用Razor引用它。

你可以在javascript中使用if-else

您可以参考我的演示：

视图：

选择1
选择2
选择3
选择4
备选案文5
渲染此Div
渲染这个
@节脚本
{
函数show（）{
如果（$（“#选择：选定”）.val（）=“1”）
{
$（“#id1”）.show（）；
$（“#id2”）.hide（）；
}
否则{
$（“#id2”）.show（）；
$（“#id1”）.hide（）；
}
}
}

结果:

---

您可以在javascript中使用if-else

您可以参考我的演示：

视图：

选择1
选择2
选择3
选择4
备选案文5
渲染此Div
渲染这个
@节脚本
{
函数show（）{
如果（$（“#选择：选定”）.val（）=“1”）
{
$（“#id1”）.show（）；
$（“#id2”）.hide（）；
}
否则{
$（“#id2”）.show（）；
$（“#id1”）.hide（）；
}
}
}

结果:

---

“我似乎找不到一种方法使C#conditional语句可以访问它。”…这是因为C#在最初构建页面时，在发送到浏览器之前，在服务器上执行。因此，当任何jQuery运行时，所有的C#都已经执行了。剩下的就是发送到浏览器的HTML。如果您想根据用户的选择显示和隐藏div，那么就不要考虑C#，只需使用Javascript/jqueryse完成整个任务。请参阅以下更多背景：（许多示例使用PHP，但概念相同）。如果我的答案有用，可以标记它吗？谢谢。对不起，我以为我有！现在已经标记了，谢谢！“我似乎找不到一种方法让C#conditional语句可以访问它。”……这是因为C#在最初构建页面时，在发送到浏览器之前，在服务器上执行。因此，当任何jQuery运行时，所有的C#都已经执行了。剩下的就是发送到浏览器的HTML。如果您想根据用户的选择显示和隐藏div，那么就不要考虑C#，只需使用Javascript/jqueryse完成整个任务。请参阅以下更多背景：（许多示例使用PHP，但概念相同）。如果我的答案有用，可以标记它吗？谢谢。对不起，我以为我有！现在已经标记了，谢谢！

<div class="text-center">
    <select id="Select" onchange="show()">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
        <option value="5">Option 5</option>

    </select>
   
        <div id="id1">Render this Div</div>
        <div id="id2" style="display:none;">Render this one</div>
</div>

@section Scripts
{
    <script type="text/javascript">       
        function show() {           
            if ($("#Select :selected").val() == "1")
            {
                $("#id1").show();
                $("#id2").hide();
            }
            else {
                $("#id2").show();
                $("#id1").hide();
            }
        }
    </script>

}