javascript - 使用 php 在选择更改时显示 div

Question

我有点陷入困境，我不知道为什么。

我正在尝试制作一个表单，并在该表单中放置了一个“选择”标签。每个选项都有一个数字，0 到 5。如果您选择小于 2，则会出现一个 div，否则不会出现任何内容。这是我的代码:

<script>
$(document).ready(function(){
    $("#depuis").change(function(){
        if ($('#depuis') < 2)
            $('#moins2').show();        
    });
});
</script>

这是我的 body :

<form action="test.php" method="post">
    <table class="formDiv" id="info_perso">
        <tr>
            <td><label for="depuis">Depuis combien d'annees:</label></td>
            <td><select id="depuis" name="depuis">
                    <option value=''></option>
                    <option value='1'>1</option>
                    <option value='2'>2</option>
                    <option value='3'>3</option>
                    <option value='4'>4</option>
                    <option value='5'>5</option>
                </select>
            </td>
        </tr>
    </table>
</form>
<table class="formDiv" id="moins2">
    <tr>
        <td>Veuillez entrer votre ancienne adresse.</td>
    </tr>
    <tr>
        <td><label for="adresse2">Adresse :</label></td>
        <td><input type="text" id="adresse2" name="adresse2"></td>
        <td><label for="app2">App :</label></td>
        <td><input type="text" id="app2" name="app2"></td>
    </tr>
    <tr>
        <td><label for="codepostal2">Code Postal :</label></td>
        <td><input type="text" id="codepostal2" name="codepostal2"></td>
        <td><label for="ville">Ville :</label></td>
        <td><input type="text" id="ville" name="ville"></td>
    </tr>
    <tr>
        <td><label for="telephone2">Telephone :</label></td>
        <td><input type="text" id="telephone2" name="telephone2"></td>
    </tr>
</table>

我的函数有问题，如何修复？

Answer 1

尝试这样的事情

$(function(){
   $("#depuis").change(function(){
        if (this.value < 2){
            $('#moins2').show();        
        }else{
            $('#moins2').hide();        
        }
    });
})