更改下拉列表时禁用并启用按钮

Question

我的onchange事件没有打开第一个，第五个，第五个按钮上的启用，但我认为我的代码是最新的，这是我的代码

<button type="button" class="btn btn-outline btn-primary disabled" id="next"  >Generate Report</button>

这些是下拉

我的Jquery

$("#advertiserId,#brandId,#campaignId").on('change',function(){
    if ($("#advertiserId").val()   && $("#brandId").val()  && $("#campaignId").val() ) 
    {
        $("#next").removeClass('disabled');
    }
    else
    {
        $("#next").addClass('disabled');
    }    
});

下拉ID

advertiserId，brandId，campaignId

提前致谢

Answer 1

Bootstrap Dropdown-菜单不会触发＆＃39;更改＆＃39; -event，点击它们......您应该处理＆＃39; click＆＃39; -Event。

Look at this for an example...

Here are the docs，还有更多特定于Bootstrap ...

的事件

适合你的是：

  

show.bs.dropdown调用show instance方法时会立即触发此事件。

Answer 2

这些下拉菜单看起来不像引导程序中的下拉列表。

所以我认为它是一个选择元素。

问题可能在于你的jQuery版本，或者你在选择元素中选择元素的值。

例如，如果该选项没有值

<option>first Option</option>

这将对if语句的行为为true。所以你应该按如下方式设置值：

<option value="">first Option</option>

我在这里试了一些东西： https://jsfiddle.net/s82zcg4y/