代码之家 › 专栏 › 技术社区 › Jebathon

@如果不在更改其他窗体元素时呈现窗体选项

razor asp.net-mvc-4 asp.net-mvc .net asp.net

Jebathon · 技术社区 · 6 年前

在我的视图中有一个选择框。如果选择了某个值,我希望下面使用@If显示更多表单选项。

@model App.ViewModels.JobVM    

<div class="row">
     <div class="form-group">
         @Html.Label("Job Type", new { @class = "control-label" })
         @Html.DropDownListFor(model => model.JobId, 
                               new SelectList(App.ViewModels.JobVM.GetJobs(),
                                              "Value", "Text"), 
                               "--Choose Job Type--", 
                               new { @class = "form-control"})
      </div>
 </div>
...

 @if (Model.JobId == 1)
 {
  .... more form options
 }

但是,在运行时,如果select选项为Job ID 1,则表单选项不会呈现。

当“选择”选项更改时,表单选项不显示有什么原因吗?或者我必须使用javascript来实现这个目标?

2 回复 | 直到 6 年前

svoychik 6 年前

Tetsuya Yamamoto 6 年前

@if 声明和 Model.JobId 型号.JobId change 客户端中发生事件。通过处理 改变

jQuery AJAX调用

$('#JobId').change(function () {
    var jobId = $(this).val();
    if (jobId == 1) {
        $.ajax({
            type: 'GET', // or 'POST'
            url: '@Url.Action("ActionName", "ControllerName")',
            data: { JobId : jobId },
            success: function (result) {
                $('#formoptions').html(result);
            },
            // other stuff
        });
    }
    else {
        $('#formoptions').empty();
    }
});

控制器动作

public ActionResult ActionName(int JobId)
{
    // do something

    return PartialView("_FormOptions", viewmodel);
}

@如果 <div> 占位符并切换其可见性,如下所示:

$('#JobId').change(function () {
    var jobId = $(this).val();
    if (jobId == 1) {
        $('#formoptions').show(); // show form options
    } else {
        $('#formoptions').hide(); // hide form options
    }
});

HTML格式

<div id="formoptions">
   <!-- more form options -->
</div>

推荐文章

Greg Hess Jr · 可点击元素阻止Bootstrap 4模式弹出按钮功能

7 年前

Justin Budd · mvc中已添加具有相同密钥的项

7 年前

Suhail Mumtaz Awan · asp中的MSSQL服务器性能指标。净mvc

7 年前

0xburned · ASP。NET Framework表单post请求和操作链接标记

7 年前

DevX · 无法解析目标主体的SID。

7 年前

Simon · 在MVC框架的上下文中,术语“管道”和“生命周期”是否相同?

7 年前

user9312590 · 系统数据SqlClient。SqlException:“无法删除数据库。”。如何解决?

7 年前

user9312590 · 无法从字符串转换为int?

7 年前

Ammar Muhi ud din · 上载图像文件大小大于实际文件大小

7 年前

Mahsa Hassankashi · 网页正在减慢您的浏览器速度,它正在等待csi。G静态。通用域名格式

7 年前