html - 下拉列表 MVC 4

Question

我有一个下拉列表，以简单的方式放在一起。我想要做的是在选择“其他”选项时设置它，将显示一个文本框，人们可以输入他们想要的内容。我怎样才能通过实现下拉列表来实现这一点？这是我的下拉列表代码:

<div class="frm_label">
    @Html.LabelFor(Model => Model.JobTitle)
</div>
<div class="item">
    @Html.DropDownListFor(Model => Model.JobTitle, new SelectList(
                                new List<object>{
                                    new { value = 0 , text = "Physician" },
                                    new { value = 1 , text = "Researcher" },
                                    new { value = 2 , text = "Clinical Staff" },
                                    new { value = 3 , text = "Other" },
                                },
                                "value",
                                    "text",
                                    0))
</div>

Answer 1

使用这个:

 var dependentvalue = $('#JobTitle').val();
var field = $('#freetextfield');
        if (dependentvalue === "3") {
            field.removeClass('hidden'); 
        }else{
                field.addClass('hidden');}

其中html是这样的:

<div class="hidden">
@Html.TextBoxFor(model => model.freetextfield) // create this property of type string
</div>

在 Controller 中，您可以检查 dropdownlist 属性的值是否适用于另一个然后验证此自由文本字段。

.hidden 的 css:

.hidden {
  display: none;
  visibility: hidden;
}