JQuery确认DropDown选择（取消不工作）

Question

我有以下显示的JQuery

1. 选择“开启”时的确认窗口
2. 显示隐藏的提交按钮。

一切正常工作除外，当我在确认窗口点击取消时，它仍然继续用“ON”填充选择框，并显示提交按钮。有什么建议吗？

CODE：

$( ".BUTTON" ).prop( "disabled", true );

$(function() {
    $('select[name="SomeName"]').on('change', function() {
        if ($(this).val() == 'ValueOn'){ 
            if (confirm('Are You Sure You Want to Turn it On?')); 
            $(".BUTTON").prop('disabled', false).val('');
            return;
        } else {
            $(".BUTTON").prop('disabled', true).val('');
            return;
        }
    });
});

Answer 1

我想你需要把你的按钮的禁用过程放在if语句中，而不是在它之后。因此，您的代码将如下所示。

$( ".BUTTON" ).prop( "disabled", true );

$(function() {
    $('select[name="SomeName"]').on('change', function() {
        if ($(this).val() == 'ValueOn'){ 
            if (confirm('Are You Sure You Want to Turn it On?')){ 
                $(".BUTTON").prop('disabled', false).val('');
            }
            else{
                $(".BUTTON").prop('disabled', true).val('');
            }
            return;
        } 
        else {
            $(".BUTTON").prop('disabled', true).val('');
            return;
        }
    });
});