在選擇一個選項之前，如何禁用下一個按鈕？

Question

我有以下代碼。 下一個按鈕當前被禁用，但是，我希望在選擇我的 select 輸入中的選項時不禁用下一個按鈕（不包括第一個被禁用的選項）。

  $(document).ready( function(){
var $option = $("option:contains('Please select an option')");
var $btnNext2 = $('button.cf7mls_next');
$option.attr('disabled',true);
$btnNext2.attr('disabled',true);
});

我假設某處需要涉及 if 語句，但是，我正在使用 WordPress 上的聯系表 7，因此它可能略有不同。

任何幫助將不勝感激，謝謝。

Answer 1

要執行您需要的操作，您需要將change事件處理程序附加到select以檢測所選value是什么，然后根據該值啟用/禁用按鈕：

 jQuery($ => { let $btn = $('.cf7mls_next'); $('select').on('change', e => { $btn.prop('disabled', e.target.value == ''); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <select> <option value="">Please select an option</option> <option value="Foo">Foo</option> <option value="Bar">Bar</option> <option value="Fizz">Fizz</option> <option value="Buzz">Buzz</option> </select> <button class="cf7mls_next" disabled>Next</button>