根据另一个字段的输入禁用字段

时间:2014-11-17 07:58:24

标签: jquery asp.net-mvc razor

我想根据下拉列表中的选择禁用字段。

到目前为止,这是我的代码:

<div class="form-group">
    @Html.LabelFor(x => x.ccVersandkostenTraeger, new { @class = "col-sm-2 control-label" })
    <div class="col-sm-5">
        @Html.DropDownListFor(x => x.ccVersandkostenTraeger, new SelectList(Model.ccVersandkostenTraeger), new { @class = "form-control versandkostentraeger" })
    </div>
</div>

<div class="form-group">
    @Html.LabelFor(x => x.ccKostenstelle, new { @class = "col-sm-2 control-label" })
    <div class="col-sm-5">
        @Html.TextBoxFor(x => x.ccKostenstelle, new { @class = "form-control kostenstelle" })
        @Html.ValidationMessageFor(x => x.ccKostenstelle)
    </div>
</div>

我已经尝试过了:

    if ($(".versandkostentraeger").val() != "Absender") {
    $(".kostenstelle").attr("disabled", "true");
}

基本上,下拉列表versandkostentraeger只有两个值可供选择:EmpfängerAbsender
如果选择kostenstelle或未选择Empfänger,我希望Absender被禁用(我这样写是因为我不知道'ä'是否可以正确读取)。
我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

您拥有的代码应该可以使用,您只需将其放在change的{​​{1}}事件处理程序中即可。试试这个:

select

您也可以在条件中使用$('.versandkostentraeger').change(function() { if ($(this).val() != "Absender") { $(".kostenstelle").prop("disabled", true); } }); ,只要您的网页编码设置正确。