Im working on a PHP application. I had field form changing based on selected value. What I want is to change fields depending on privilege. The form was working before because i had only one type of user now since i have many i've add the script but users can't connect .
Here is the code
<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"> Mots de passe oublié</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>
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"> Mots de passe oublié</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>
Se rappeler de moi
</label>
</div>
<input type="submit" name="Submit" class="btn btn-default" value="Se Connecter">
</form>
And the jquery code is
$(function() {
$('#privilege').change(function(){
$('.colors').hide();
$('#' + $(this).val()).show();
});
});