在选择一个选项之前，如何禁用下一个按钮？

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>