javascript - 选择 <option> 时动画 CSS

Question

当选择其中一个选项标签时，我正试图触发代码中某些对象的 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 动画。其次，您要设置动画的 ID 在 HTML 中不存在，第三，您的选择器/监听器无效，您需要监听 $('select').change();

如果您随后需要访问所选选项的值，您可以这样做

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