jquery - 当用户选择“正确”值时产生错误 div .fadeOut

Question

我几乎完成了一个模型，我需要一个小技巧来解决这个问题：

<form>
    <div class="line">
        <label>Embarque:</label>
        <select>
        <option value="first">Selecione a Estação</option>
            <option value="second" >Trianon-Masp | Linha 2 - Verde</option>
        </select>
        <div class="error">Selecione a estação de embarque</div>
    </div><!-- end line -->
</form>

当用户选择第二个选项时，.error 将 fadeOut(); 有人知道如何滚动吗？

Answer 1

给标签一个id。<select>

<select id="lineSelect">

用这个：

$("select#lineSelect").change(function(){
    if ($(this).val() == "correct")
        $(".error").fadeOut();
});

或者，您可以使用：

$(".line select").change(function(){
    if ($(this).val() == "correct")
        $(".error").fadeOut();
});

Answer 2

当然：

$('div.line select').on('change', function() {
    if (this.value == this.options[1].value) {
        $(this).next('div.error').hide('slow');
    }
});

jsFiddle 示例在这里