if option is not selected语句

Question

我有如下下拉选择和选项：

<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>

​

如果列表0没有被选中，我想添加css样式，但是我的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;
        }
    });