如何取消隱藏元素

我在一個下拉列表上工作，當下拉列表項被點擊時，下面顯示一些單選按鈕。問題是我如何取消隱藏單選按鈕？我已經知道我的代碼很遠，只有最後一步仍然缺失。我想要說的是，每次selectString都是Selecteer een verstiging不顯示.locationRB類。但我不知道該怎麼做。這是我已經：如何取消隱藏元素

//Unhided radiobuttons 
    jQuery('div.locationRB') .hide(); // 

$(document).ready(function() { 
    $('.wijzigingOpvangVestiging').change(function() { 

    var selectedString = $('.wijzigingOpvangVestiging option:selected').text() 

    console.log(selectedString) 

    if(selectedString !== "(Selecteer een vestiging)"){ 
     console.log('show'); 
    }else{ 
     console.log('hide'); 
    } 


});

來源

2012-10-31 BlueBay

要顯示：

$('div.locationRB').show();

要隱藏：

$('div.locationRB').hide();

我看到你有一個布爾條件，所以你可以使用切換：

var willshow = selectedString !== "(Selecteer een vestiging)"; 
$('div.locationRB').toggle(willshow);

來源

2012-10-31 15:30:44

使用.show()顯示和.hide()隱藏內容

使用

jQuery('div.locationRB').show(); // Show the particular div 

jQuery('div.locationRB').hide(); // hide the particular div

也有一個缺少右括號 change事件..修正了，它應該是罰款

FULL代碼

$(document).ready(function() { 
    jQuery('div.locationRB').hide(); 

    $('.wijzigingOpvangVestiging').change(function() { 
     var selectedString = $('.wijzigingOpvangVestiging option:selected').text() 

     console.log(selectedString) 

     if (selectedString !== "(Selecteer een vestiging)") { 
      jQuery('div.locationRB').show(); 
     } else { 
      jQuery('div.locationRB').hide(); 
     } 
    }).change(); 
});

Check FIDDLE

來源

2012-10-31 15:30:50

你* *實際上有空間，他有他們。這是完全有效的。 – Archer

這裏有必要的更改你的代碼...

//Unhided radiobuttons 
jQuery('div.locationRB').hide(); // 

$(document).ready(function() { 
    $('.wijzigingOpvangVestiging').change(function() { 

     var selectedString = $('.wijzigingOpvangVestiging option:selected').text() 

     console.log(selectedString) 

     if(selectedString !== "(Selecteer een vestiging)"){ 
      jQuery('div.locationRB').show(); 
     }else{ 
      jQuery('div.locationRB').hide(); 
     } 
    }); 
});

來源

2012-10-31 15:32:42 Archer

弓箭手，你的腳本將失敗，因爲它缺少右括號「}）;」爲$ .change（）函數。 – nolabel

@nolabel - 感謝您的發現。它被複制和粘貼的問題，我錯過了他錯過了它:) – Archer

AmirsBay，加上「}）;」關閉你的$ .change（）函數。您的腳本應顯示在您的控制檯日誌中。這就是你所缺少的。你正處在正確的軌道上。

//Unhided radiobuttons 
    jQuery('div.locationRB') .hide(); // 

$(document).ready(function() { 
    $('.wijzigingOpvangVestiging').change(function() { 

    var selectedString = $('.wijzigingOpvangVestiging option:selected').text() 

    console.log(selectedString) 

    if(selectedString !== "(Selecteer een vestiging)"){ 
     console.log('show'); 
    }else{ 
     console.log('hide'); 
    } 

    }); //<--- you are missing this 
});

來源

2012-10-31 15:43:46 nolabel

如何取消隱藏元素

回答

相關問題