如何在Bootstrap-Select中禁用/启用Select?

时间:2019-07-04 22:20:30

标签: bootstrap-select bootstrap-selectpicker

我正在尝试动态地禁用/启用select multiple,并且我已经尝试使用具有禁用功能的javascript,已经尝试使用jquery,并且已经尝试使用该库本身的方法,但是没有任何反应。

HTMLElements.forEach(divs => {
                        if(divs.hasAttribute('data-for') && divs.getAttribute('data-for') === 'Contracted Member') {
                            const HTMLInputElements  = divs.querySelectorAll('input'),
                                  HTMLSelectElements = divs.querySelectorAll('select');

                                  HTMLInputElements.forEach(_inputElements  => _inputElements.removeAttribute('disabled'));
                                  HTMLSelectElements.forEach(_selectElement => {
                                      console.log(_selectElement.id)
                                      $('#RSCICMS').prop('disabled', true);
                                      $('#RSCICMS').selectpicker('render');

                                    });

                                  divs.setAttribute('data-status', 'actived');
                        }
                    });

动画 enter image description here

注意

  

我尝试遵循this question,但这没有用。

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用$('#RSCICMS').selectpicker('refresh')而不是$('#RSCICMS').selectpicker('render')

the docs开始:渲染仅用于更改值,而启用/禁用选择选择器时使用刷新。