进行选择时隐藏选择菜单

Question

我希望div #replaced在选择菜单中选择任何选项时消失。然后我想让div #replacer替换它......但是我已经找到了那个部分。

我想知道我的选择器应该是什么，以便它仅在选择之后才选择。否则菜单会在您选择选项（失败目的）之前消失。

<div class="filters" id="limit"> 

    <div id="replaced">
        <select id="mark" name="mark">
            <option value="A"><p>A?</p></option>
            <option value="B"><p>B?</p></option>
            <option value="C"><p>C?</p></option>
        </select>
    </div>


    <div id="replacer">
        <select id="series" name="series">
            <option value="Z" class="format"><p>Z?</p></option>
            <option value="Y" class="format"><p>Y?</p></option>
            <option value="X" class="format"><p>X?</p></option>
        </select>
    </div>

</div>

我的jQuery目前看起来像这样......但是我想要的却是错误的

$("#replaced").click(function() {
    $("#replaced").fadeToggle(2000);
});

如何在选择时使容器消失？

Answer 1

使用.change()

$("#mark").change(function() {
    //replace code
});