如何检查表单选项选择然后删除禁用按钮答案

【问题标题】：How to check form option select then remove the disable on button如何检查表单选项选择然后删除禁用按钮
【发布时间】：2018-03-17 02:16:07
【问题描述】：

生日，

我在 Stack Overflow 中找不到确切回答我想要实现的目标的问题。

目标是使用 jQuery 来检查两个输入是否都有值，并且 form select 下拉列表不是 Staff Select，而当前是 disabled。一旦两个输入都有数据并选择了员工姓名，我的按钮就会激活，disabled 被删除。

您可以查看我的jsFiddle 的html。

我正在使用的 jQuery 已经完成了我想要完成的 2/3（两个输入）：

var $input = $('#transactionform input'),
    $register = $('#add_transaction');    
$register.attr('disabled', true);

$input.keyup(function() {
    var trigger = false;
    $input.each(function() {
        if (!$(this).val()) {
            trigger = true;
        }
    });
    trigger ? $register.attr('disabled', true) : $register.removeAttr('disabled').addClass('addbtngreen');
});

我尝试为form select 添加验证是针对option 属性:disabled，如下所示：

if (!$(this).val() || $('selected#ccstaff option').attr(':disabled')) {
    trigger = true;
}

非常感谢任何指导！提前谢谢你。

【问题讨论】：

如果您禁用第一个选项，您将无法再次选择它。相反，我建议为第一个选项分配一些唯一值，并检查所选值是否不是那个值。例如：$('select#ccstaff').val() != 'some_uniq_val'
感谢您的想法。 :-)

标签： jquery forms select disabled-input

【解决方案1】：

添加一个通用验证函数并触发它fiddle

function validate(){
            var trigger = false;
            $input.each(function() {
                if (!$(this).val()) {
                    trigger = true;
                }
            });
      console.log($select.val());
      trigger= $select.val()=== null;  
            trigger ? $register.attr('disabled', true) :                               $register.removeAttr('disabled').addClass('addbtngreen');
    }

【讨论】：