引导选择 - 单击时添加数据样式属性

Question

我正在使用引导程序，并且我希望将我的选择框上的属性“data-style”更改为“data-style=btn-danger”以突出显示无效项。

所以我想要这个：

<select id="optionChoice" class="form-control select">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

未选中时更改为：

<select id="optionChoice" class="form-control select data-style="btn-danger">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

为此，我在单击提交按钮时使用了 Jquery 函数。它包括这一行：

 $('#optionChoice').attr('data-style', 'btn-danger');

但这并没有改变任何东西。如果我手动将该属性添加到选择框，它会正确显示，但我似乎无法动态添加它。我知道该功能正在工作，因为我还向文本框添加了一个类，如下所示：

 $('#' + controltovalidate).addClass('error'); 

添加类并正确更改文本框的外观。但是那个错误类不适用于引导选择，所以我真的在努力让这个数据样式属性工作。

有什么想法可以让我动态添加这个属性吗？

Answer 1

显然，引导选择的呈现方式无法使用通常的 .attr() 调用动态添加类。

你使用这个：

$('#optionChoice').selectpicker('setStyle', 'btn-danger');

更多需要的可以在这里找到：http://silviomoreto.github.io/bootstrap-select/

Answer 2

<select id="optionChoice" class="form-control select" data-style="btn-danger">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

we missed double quote in line closing class


<select id="optionChoice" class="form-control select data-style="btn-danger">