在選擇<option><option>

Question

的動畫CSS我試圖觸發一些對象的CSS更改進一步下來在我的代碼中選擇一個選項標記時。我沒有將它們包含在這裏，因爲它們與jQuery的問題無關。我現在處於虧損狀態。這是我到目前爲止......甚至有可能嗎？

<script> 
$(document).ready(function(){ 
    $("#feed-filter option:selected").change(function() { 
     $("#CA, #GA, #GD").animate({height: '0px'}); 
    }) 
}) 
</script> 

<div class="feed-filter"> 
    <select id="feed-filter" name="feed-filter"> 
     <option id="option-ALL" value="ALL" selected>ALL</option> 
     <option id="option-CA" value="A">A</option> 
     <option id="option-DAD" value="B">B</option> 
     <option id="option-GA" value="C">C</option> 
     <option id="option-GD" value="D">D</option> 
    </select> 
</div> 

Answer 1

首先你並沒有觸發CSS動畫，那是一個jQuery動畫。其次，您在HTML中不存在動畫的ID，第三，您的選擇器/偵聽器無效，您需要聽取$('select').change();

如果您需要訪問所選選項的值，您可以所以通過做這樣的事情

$('select').change(function() { 
    var val = $(this).val(); 
});