更改引导选择的边框颜色（btn 类）答案

【问题标题】：Change border color of bootstrap select (btn class)更改引导选择的边框颜色（btn 类）
【发布时间】：2018-09-04 16:58:28
【问题描述】：

我正在使用这个库：https://developer.snapappointments.com/bootstrap-select/，但我无法在选择时更改它的行为。例如

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

其中selectpicker 是创建此结构的键：

<button type="button" class="btn dropdown-toggle btn-new" data-toggle="dropdown" role="button" data-id="blabla" title="Mustard" aria-expanded="true">
<div class="filter-option"><div class="filter-option-inner"><div class="filter-option-inner-inner">Mustard</div></div> 
</div>
</button>

因此，主要是，库在选择上创建一个按钮（存在但隐藏）。我想要的是，当我选择列表中的一项时，边框颜色（按钮而不是选择）在#BF69B2 中更改颜色我试过这样：

document.getElementsByClassName("btn dropdown-toggle btn-default")[0].style.borderColor = "#BF69B2";

但没有成功。有什么想法吗？

【问题讨论】：

你能在 fiddle 或 sn-p 中发布一个工作示例

标签： javascript jquery css bootstrap-select

【解决方案1】：

您正在尝试使用类btn dropdown-toggle btn-default 检索元素，但在模板中您有另一个类：btn dropdown-toggle btn-new。

只是改变

document.getElementsByClassName("btn dropdown-toggle btn-default")[0].style.borderColor = "#BF69B2";

到

document.getElementsByClassName("btn dropdown-toggle btn-new")[0].style.borderColor = "#BF69B2";

【讨论】：

我会尝试，但有什么方法可以知道何时触发选择？
是的，您可以为您的选择元素创建onchange 事件处理程序。
好的，等一下，我知道了，但完全没有！你的答案是正确的！但是，我还有另一个问题。我有3个选择。这样，由于 [0]，代码仅适用于第一个。有什么方法可以循环选择并在需要时将样式提供给每个人？
，只有选择选择的情况才能更改边框颜色