有没有办法在.cshtml页面中跟踪select的值？
有没有办法在.cshtml页面中跟踪select的值？
提问于 2020-09-01 06:20:47
因此，我有一个带有选择框的.cshtml页面，基于所选的选项，我希望有条件地呈现一个或另一个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>在条件语句中是否可以使用选定的选项？我已经尝试过JQuery，但似乎找不到一种方法来使C#条件语句能够访问它。
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-09-01 10:45:47
您可以在javascript中使用if-else。
你可以参考我的demo：
查看：
<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>
}结果：
Stack Overflow用户
发布于 2020-09-01 06:50:31
This帖子应该能提供你需要的东西。简而言之，您将需要一些JavaScript或将信息发布到您的控制器。你不能直接用Razor来引用它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63678910
复制相关文章
相似问题
腾讯云开发者
