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

时间:2012-10-26 22:27:16

标签: jquery

我有一个表单,我有多个字段,但至少要选择两个下拉列表是必不可少的,直到它们为止,我禁用并重新标记提交按钮

我在其中一个字段中使用以下内容,有没有办法加倍,其他字段的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(

但它不起作用

1 个答案:

答案 0 :(得分:5)

这将是

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