弹出消息味精和禁用提交按钮

Question

如果id =“ Country”不等于选项value =“ US”，我想弹出一个MSG并禁用“提交按钮”。我想我已经接近了，但似乎无法弄清楚：

码：

<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);
        }
    });
});

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

另外，如果要在用户选择US的情况下重新启用“提交”按钮，则可以执行以下操作：

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);

弹出消息味精和禁用提交按钮

问题描述

3 个解决方案

解决方案1
2 已采纳 2014-09-03 20:01:07

解决方案2
0 2014-09-03 20:04:22

解决方案3
0 2014-09-03 20:05:34

弹出消息味精和禁用提交按钮

问题描述

3 个解决方案

解决方案1 2 已采纳 2014-09-03 20:01:07

解决方案2 0 2014-09-03 20:04:22

解决方案3 0 2014-09-03 20:05:34

解决方案1
2 已采纳 2014-09-03 20:01:07

解决方案2
0 2014-09-03 20:04:22

解决方案3
0 2014-09-03 20:05:34