jquery - jquery禁用按钮，直到选择了两个选择字段

Question

我有一个表单，其中有多个字段，但必须至少选择两个下拉列表，直到它们被选中，我禁用并重新标记提交按钮

我在其中一个字段中使用以下内容，有没有办法加倍，其他字段的 id 是#list_name

所以，#category 和 #list_name 必须在启用提交之前选择一个值

$(document).ready(
function(){
    $('#category').change(
        function(){
            if ($(this).val()) {
                $('input:submit').attr('disabled',false);
                $('#btn_show').addClass('button green');
                $("#btn_show").attr('value', 'Add To My List');

            } else { 
                $('#btn_show').removeClass('button green'); 
                $('input:submit').attr('disabled',true); 
                $("#btn_show").attr('value', 'Choose a category and list for your item');
            }
        });

});

我尝试过使用普通的 jquery 多个：

$('#category', '#list_name').change(

但它没有用

Answer 1

这将是

$('#category, #list_name').change()

这个在 list_name 的上下文中查找 category 元素

$('#category', '#list_name').change() 

整个代码看起来像这样

$('#category, #list_name').change(
        function(){
            if ($('#category').val() && $('#list_name').val()  ) {
                $('input:submit').attr('disabled',false);
                $('#btn_show').addClass('button green');
                $("#btn_show").attr('value', 'Add To My List');

            } else { 
                $('#btn_show').removeClass('button green'); 
                $('input:submit').attr('disabled',true); 
                $("#btn_show").attr('value', 'Choose a category and list for your item');
            }
        });