我想隱藏帶班「圖像」一個div，如果選擇的是用戶配置文件，在頁面加載如果選擇一個選項，隱藏一個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>

來源

2012-01-04 Serjas

？你有什麼嘗試？ – ManseUK 2012-01-04 11:48:29

只需在文檔準備就緒:) – Serjas 2012-01-04 12:24:48

$(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(); 
    }); 
});

來源

2012-01-04 11:51:54 Gaurav

試試下面的代碼

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

    } 
});

來源

2012-01-04 11:51:05 Pavan

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

實施例：http://jsfiddle.net/YpVVC/1/

來源

2012-01-04 11:51:47 ManseUK

的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(); 
     } 
    }); 
});

來源

2012-01-04 11:53:56 JohnJohnGa

更新：發現該選項的變化的解決方案

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

來源

2012-07-31 11:11:01 Serjas

請注意您的解決方案將只隱藏在頁面加載div，並不會稍後顯示div如果選擇更改。如果您希望div在頁面加載後隱藏並動態顯示，具體取決於所選內容的狀態，@ Guarav的答案顯示瞭如何做到這一點。順便提一句，Guarav的回答也隱藏了你所問的關於負載的問題。我很好奇：有什麼理由不接受他的回答？ – Ghopper21 2012-07-31 11:34:11

沒有檢查他的解決方案，因爲我需要特定的答案..頁面加載，其他功能已經完成那個時間 – Serjas 2012-07-31 12:02:01

如果選擇一個選項，隱藏一個div

回答

更新：發現該選項的變化的解決方案

相關問題