オプションが選択されていない場合のステートメント

Question

私はこのような選択ドロップダウンとオプションがあります：リスト0私はCSSスタイルを追加したい選択が、されていない場合

<div class="input-field"> 
<span class="icon-area"></span> 
<select> 
    <option value="0">list 0</option> 
    <option value="1">list 2</option> 
    <option value="2">list 3</option> 
</select> 

と私のJSコードにはありません仕事

$("select").blur(function() { 
     $(this).parents(".input-field").removeClass("form-border"); 
     $(this).parents(".input-field").find(".icon-area").removeClass("form-background"); 

     if(this.value){ 
      $(this).parents(".input-field").addClass("form-border"); 
      $(this).parents(".input-field").find(".icon-area").addClass("form-background"); 
      return false; 
     }else{ 
      $(this).parents(".input-field").removeClass("form-border"); 
      $(this).parents(".input-field").find(".icon-area").removeClass("form-background"); 
      return false; 
     } 
    }); 

何が問題なのですか？これに置き換える

Answer 1

試し：！

$("select").change(function() { 
     $(this).parents(".input-field").removeClass("form-border"); 
     $(this).parents(".input-field").find(".icon-area").removeClass("form-background"); 

     if(this.value==0){ 
      $(this).parents(".input-field").addClass("form-border"); 
      $(this).parents(".input-field").find(".icon-area").addClass("form-background"); 
      return false; 
     }else{ 
      $(this).parents(".input-field").removeClass("form-border"); 
      $(this).parents(".input-field").find(".icon-area").removeClass("form-background"); 
      return false; 
     } 
    });