如果至少一個輸入具有值或選擇更改了默認值，則啟用/禁用切換按鈕

Question

來自這個相關主題，在該主題中用戶留下了解決方案並可以解決問題，在第二部分中，我忘了提及SELECT元素已應用.select2()情況。 如果您在此button#btnBuscar 小提琴上測試一個實時示例，您將看到button#btnBuscar輸入更改並獲取值或SELECT更改默認選項時如何啟用button#btnBuscar但是如果我從INPUT中刪除值或選擇返回默認值SELECT中的選項，則不會禁用按鈕，所提供的解決方案的錯誤在哪里：

$(':input').on('input change', function () {
    var completed = $(':input').filter(function () {
        return !!this.value;
    }).length > 0;
    $('button#btnBuscar').prop('disabled', !completed);
});

Answer 1

您可以更改：

<option selected="selected" value="-1">-- SELECCIONAR --</option>

至：

<option selected="selected" value="">-- SELECCIONAR --</option>

或將js代碼調整為：

$(function(){
    $('select.toSelect2').select2();

    $(':input').on('input change', function () {
        var completed = $(':input').filter(function () {
            return !!this.value && !$(this).is('select') || 
                   (this).is('select') && +this.value > -1;
        }).length > 0;
        $('button#btnBuscar').prop('disabled', !completed);
    });        
});

DEMO