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', '#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');
            }
        });