javascript - 使用 jQuery 按值更改选择标签边框颜色

Question

“表单”类中选择字段的颜色在单击时不会更改为红色，并且在未选择选项的情况下保持原样。它应该检查该选项是否具有 1 以外的值，并且边框应保持原样。

$(".Wrapper .Right_Section .Form select").on('blur',function(){ 
  if( $(this, 'option:selected').val() == 0 ){
    $(this).css('border-color', '1px solid #C80000');    
  }
  else if ($(this).val() > 0) {
    $(this).css('border-color', '1px solid #BDC7BC');   
  } 
});

这里 .Wrapper .Right_Section .Form 是 div 在彼此内部并且选择标签在 .Form div 中。

Answer 1

请检查这个。删除 border-color 并添加 border 因为您要指定所有边框属性。

$(document).ready(function(){
  $("select").blur(function(){
    //alert($(this).val());
    if(parseInt($(this).val())<=0){
      $(this).css("border","solid 1px red");
    }
    else{
      $(this).css("border","solid 1px blue");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>