当用户选择“正确”值时,使错误div .fadeOut

时间:2012-09-30 14:54:14

标签: jquery

我差不多完成了一个模型,我需要一个小技巧:

<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();任何人都知道如何滚动它?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

不确定

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

jsFiddle example here