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

我正在使用此库：但选中时无法更改其行为。比如说

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

因此，库主要在select上创建一个按钮（存在但隐藏）。我想要的是，当我选择列表中的一个项目时，在

#BF69B2

我试过这样做：

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

---

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

您正在尝试使用classess

btn下拉切换btn default

检索元素，但在模板中您有另一个classess:

btn下拉切换btn new

换衣服

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

到

---

我会尝试，但有没有办法知道何时触发select？是的，您可以为select元素创建

onchange

事件处理程序。好的，等等，我知道了，但根本没有！你的答案是正确的！但是，我还有一个问题。我有三个选择。这样，由于[0]，代码只对第一个有效。有没有什么方法可以循环选择并在需要时将样式发送给每个人？请思考，只有在选择时才必须更改边框颜色，您可以在fiddle或snippet中发布一个工作示例

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

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