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>

ユーザーが 2 番目のオプションを選択すると、.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 の例はこちら