如果选择了一个选项，则隐藏div

Question

如果在页面加载时选择了用户个人资料

，我想隐藏带有“图片”类的div

<div id="edit-type-wrapper">
 <select>
   <option value="albums">Album</option>
   <option selected="selected" value="uprofile">User Profile</option>
 </select>
</div>

<div class='picture'>
</div>

Answer 1

$(document).ready( function() { 
    if($('#edit-type-wrapper select').val() == 'uprofile'){ //'.val()'
           $('.picture').hide();
       }


    $('#edit-type-wrapper select').change(function(){
       if($(this).val() == 'uprofile'){ //'.val()'
           $('.picture').hide();
           return true;
       }
       $('.picture').show();
    });
});

Answer 2

尝试以下代码

$('#edit-type-wrapper').change(function()
{
      if($(this).val() =="uprofile"){
          $('.picture').hide();
      }
      else{ 
          $('.picture').show();

     }
});

Answer 3

$(document).ready( function() {
  $('#edit-type-wrapper select').change(function() {
     if($(this).val() == "uprofile"){
       $('.picture').hide();
     } else {
       $('.picture').show();
     }
  });
});

示例：http://jsfiddle.net/YpVVC/1/

Answer 4

JsFiddle：http://jsfiddle.net/9fyJZ/1/

$(document).ready(function() {
    $("#edit-type-wrapper").find('select').change(function() {
        var $val = $(this).val();

        if($val === 'uprofile'){
            $('.picture').hide();
        }else{
            $('.picture').show();
        }
    });
});

Answer 5

更新：找到解决方案

<script>
if($("#edit-type-wrapper").find("option:selected").val() == "uprofile") {
  $(".picture").hide();
}
</script>