在选择<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(); 
});