Question

我正在尝试弹出消息并禁用提交按钮，如果id =“Country”剂量不等于选项值=“US”我认为我很接近但似乎无法弄明白：

CODE：

<html>
<body>

<script>

$(document).on('change','#Country',function () {

    if ((value1 != "US")) {
         alert( my error message);
         SubmitButton = "disabled";
    }

});
</script>


<select id="Country">
     <option value="US">United States</option>
     <option value="CAN">Canada</option>
     <option value="JAP">Jspan</option>
</select>

<br /><br />

<input id="SubmitButton" type="button" value="Submit">

</body>
</html>

Answer 1

你有几个错误，这是固定代码：

JSFiddle

$(document).ready(function () {
    $("#Country").on('change', function () {
        if ($(this).val() != "US") {
            alert("my error message");
            $("#SubmitButton").prop("disabled",true);
        }
    });
});

一个错误是没有引号＆＃34;我的错误消息＆＃34;
另一个原因是，在此脚本运行之前，您没有加载DOM。我将您的代码包装在$(document).ready( function() { ... });中，这样做意味着您不需要使用文档中的委托。
另一个原因是你从未设置＆＃34; value1＆＃34;，我将其更改为直接获取值 - $(this).val()
另一个是你需要实际让SubmitButton禁用它。通过$("#SubmitButton")获取并使用.prop("disabled",true)

此外，如果您想在用户选择美国时重新启用提交按钮，则可以执行以下操作：

JSFiddle

        ...
        $("#SubmitButton").prop("disabled",true);
    } else {
        $("#SubmitButton").prop("disabled",false);
    }
...

Answer 2

使用jQuery attr()

$("#SubmitButton").attr("disabled", true);

Answer 3

我相信它不是

SubmitButton = "disabled";

应该是

$("#SubmitButton").prop("disabled",true);

弹出MSG和禁用提交按钮

3 个答案: