オプションが選択されている場合、私が選択した場合、クラスとdiv要素「絵」を非表示にするのdiv

Question

は、ユーザープロファイルで、ページのロード

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