Question

我在页面上有一个表单，其中包含两个下拉列表（id＆amp; name =“clientID”＆amp;“attendanceID”）和一个提交按钮。我希望如果下拉列表中的任何一个设置为值0，则禁用（或隐藏）提交按钮，这表示尚未做出合理的选择。

我的头脑中有以下内容：

<script src="~/Scripts/jquery-2.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $('#submitnewrecord').prop('disabled', true);

    function updateFormEnabled() {
        if ($('#clientID').val() != 0 && $('#attendanceID').val() != 0) {
            $('#submitnewrecord').prop('disabled', false);
        } else {
            $('#submitnewrecord').prop('disabled', true);
        }
    }

    $('#clientID').change(updateFormEnabled);

    $('#attendanceID').change(updateFormEnabled);
</script>

我的选择框是通过助手创建的，但结果HTML是：

                    <select id="clientID" name="clientID">
<option selected="selected" value="0">--- select client ---</option>
<option value="397">John Doe</option>
<option value="416">Fred Smith</option>
<option value="384">Albert Epstein</option>
</select>
                    <select id="attendanceID" name="attendanceID">
<option selected="selected" value="0">--- select category ---</option>
<option value="1">Scheduled</option>
<option value="2">Attended</option>
<option value="3">Absent - Notified</option>
<option value="4">Absent - Unexplained</option>
</select>

我的提交按钮HTML是：

<input id="submitnewrecord" name="submitnewrecord" type="submit" value="Update" />

当我根本没有任何JS时，按钮的行为没有任何区别！我显然做了一些愚蠢的事情，但有人能让我知道那是什么吗？

我的JavaScript禁用提交按钮有什么问题？

0 个答案: