基於select name選項的值隱藏元素？

Question

我想從選擇名稱中獲取值，並且當值將成爲某個值時，採取一些操作。所有的值都保存在pdo數據庫中。

HTML：<header>Something</header>

代碼：

<select name='name_of_select'> 

<option value='on'>On</option> 
<option value='off'>Off</option> 

</select> 

例。當該值將被設置爲時，隱藏元素標頭。我從數據庫中獲得的值。價值目前{$option_selected_value} smarty模板。

Answer 1

這將完成您所要求的操作，但它依賴於您將ID添加到select和header元素。如果你不會是能夠做到這一點，那麼請張貼一些真正的標記，我會解決這個問題，以適應:)

$("#selectID").on("change", function() { 
    if ($(this).val() == "on") { 
     $("#headerID").show(); 
    } else { 
     $("#headerID").hide(); 
    } 
}); 

Answer 2

試試這個，這將幫助你

$('select[name=name_of_select]').change(function(){ 
if($(this).val()=='on') 
    $('header').show(); 
    else 
    $('header').hide(); 

}); 

小提琴here