使用 bootstrap silviomoreto 选择框时更改焦点上选择框的边框

Question

我正在使用 bootstrap 选择框 silviomoreto 插件来设计选择框。如果未选择任何选项，则此选择框会在按下提交按钮时向选择框显示红色边框。

$('.selectpicker').selectpicker('setStyle', 'error-border','add');

现在我想在出现错误后用户关注它时从选择框删除边框。请帮帮我。

Answer 1

$('.selectpicker').click(function(){ 
    if($(this).hasClass(error-border)){
        $(this).removeClass(error-border)
    }
});

工作演示

$('.selectpicker').click(function(){ 
    if($(this).hasClass('error-border')){
        $(this).removeClass('error-border')
    }
});

.error-border{
  border:1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selectpicker error-border">
  <option>1</option>
  <option>2</option>
</select>