html表单在添加javascript后停止工作

我正在开发一个PHP应用程序。 我根据所选值更改了字段形式。我想要的是根据权限更改字段。 该表单以前是有效的，因为我现在只有一种类型的用户，因为我有很多类型的用户。我已经添加了脚本，但用户无法连接

这是密码

    <form action="accueil.php" method="post" name="connect" class="Style6">                     
    <select name="privilege" type="text" id="privilege" class="btn btn-default">
            <option value="choix">Choisir privilege</option>
            <option value="admin">Administrateur</option>
            <option value="client">Client</option>
            <option value="agent">Agent</option>
            <option value="credit_manager">Credit Manager</option>
            <option value="commercial">Commercial</option>
            </select>
            <div id="admin" class="colors" style="display:none">
            <label>Connexion Administrateur  </label>
            <label>Login</label>
            <input name="login" type="text" id="login" class="input-block-level">
            <label>Mot de passe<a href="#" class="pull-right">&nbsp;Mots de passe oubli&eacute;</a> </label>
             <input name="pass" type="password" id="pass" class="input-block-level">
             <label>
            <button type="button" data-toggle="button" class="btn btn-default" ></button>
             &nbsp;&nbsp;&nbsp;Se rappeler de moi</label>
            </div>
<div id="agent" class="colors" style="display:none">
            <label>Connexion Agent </label>
            <label>Login</label>
            <input name="login" type="text" id="login" class="input-block-level">
            <label>Mot de passe<a href="#" class="pull-right">&nbsp;Mots de passe oubli&eacute;</a> </label>
             <input name="pass" type="password" id="pass" class="input-block-level">
             <label>
            <button type="button" data-toggle="button" class="btn btn-default" ></button>
             &nbsp;&nbsp;&nbsp;Se rappeler de moi
             </label>
            </div>
<input type="submit" name="Submit" class="btn btn-default"  value="Se Connecter">

                    </form>

---

无论是否显示字段，表单都将提交值。由于您有多个同名字段集，我认为您可能正在用空值覆盖您认为提交的内容。

@您看到任何错误吗？是否包含jquery？工作正常。您的控制台中出现了什么错误？@RishiPrakash是对的，它工作正常，实际上是您想要的吗？好的，我明白了，您能告诉我我能做什么吗？以下是一些关于您能做什么的建议

$(function() {
        $('#privilege').change(function(){
            $('.colors').hide();
            $('#' + $(this).val()).show();
        });
    });