如何解决有没有办法在.cshtml页面中跟踪选择的值?
所以,我有一个带选择框的.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#条件语句可访问该方法的方法。
解决方法
您可以在javascript中使用if-else。
您可以参考我的演示:
查看:
<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>
}
,
2帖子应提供您所需要的内容。简而言之,您将需要一些JavaScript或将信息发布到您的控制器。您将无法直接在Razor中直接引用它。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。