Javascript js和rails如果不选择集合中的内容，如何禁用按钮

我不明白我做错了什么。你能帮助我吗？如果用户未在所选字段中选择任何内容，我希望禁用该按钮。 我所拥有的：

Button:
  = f.submit t('etc.actions.send'), data: {style: 'expand-left'}, class: 'ladda-button btn btn-success'

Select input field: 
  = f.input :id, collection: [['None', nil]] + @company.lead_sources.order(:name).map{ |ls| [ls.name, ls.id] }, label: 'Assign Lead Source', class: 'abc'

查看文件 试试这个：

javascript:
  $('.abc').on('change', function () {
    $('.ladda-button').prop('disabled', !$(this).val());
}).trigger('change');

说明：

---

您正在执行

$（'abc'）

和

$（'ladda按钮'）

#

用于按元素的id查找元素。在HTML中，

'abc'

，

'ladder-button'

，

'btn'

和

'btn-success'

都是类。

默认情况下，应禁用按钮：

$('.ladda-button').prop("disabled", true);

然后在“选择输入”字段中进行更改时，将其激活：

$('.abc').on('change', function(){

    $('.ladda-button').removeAttr('disabled');

});

---

其中是

btn-btn-default

，它是您使用它作为id时的id还是类。编辑的示例。HTML中没有元素

和

。因此，

$（“.ladda button btn btn success”）

不会返回任何元素。相反，“.ladda button”我添加了类“abc”，并将该类添加到f.input中，效果很好。谢谢

$('.abc').on('change', function(){

    $('.ladda-button').removeAttr('disabled');

});