Question

我已经生成了一个MVC应用程序，我使用html helper EditorFor control和JQuery创建了DateTimePicker控件。

以下是DateTime选择器控件的行

@Html.EditorFor(model => model.ClosedTime)

我还有一个DropdowmFor控件，基于我想让EditorFor控件作为启用或禁用的选择。

最初当我的页面加载时，我使用下面的JQuery语句

禁用控件

$('#ClosedTime').attr('disabled', 'disabled');

这个语句工作正常，它会禁用控件，现在正如我之前所说的，我希望根据DropdownFor控件的选择启用和禁用EditorFor控件。

我通过编写下面的脚本来尝试这个。

$('#selectedRequestStatus').change(function () {
            var selectedRequest = $(this).val();

            if (selectedRequest == "C") {
                //alert('Closed');
                $('#ClosedTime').attr('disabled', 'enable');

            }
            else {
                //alert('In Progress');
                $('#ClosedTime').attr('disabled', 'disabled');

            }
        });

其中selectedRequestStatus是我之前提到的Dropdown控件。

但是这个脚本不起作用。

请告知我们您对上述问题的建议。

提前致谢。

Answer 1

看起来你的问题出现在jQuery中......试试这个：

$('#selectedRequestStatus').change(function () {
    var selectedRequest = $(this).val();

    if (selectedRequest == "C") {
        //alert('Closed');
        $('#ClosedTime').removeProp('disabled');
    }
    else {
        //alert('In Progress');
        $('#ClosedTime').prop('disabled', 'disabled');
    }
});

在HTML中，disabled属性的存在使控件“禁用”。通过完全删除它可以实现控制。

启用和禁用用于生成DateTimePicker

1 个答案: