Tenho dois selects, Tipo de Usuário e Usuario. Tipo de usuario tem 2 option(Global e Individual). A ideia é que quando o cliente clicar na option Individual, apareça embaixo o select Usuario listando todo os Usuarios cadastrados. Mas caso o clique em Global, não apareça nada. Help !
criar-mensagem
<div class="row">
<label class="md-h4" for="tipoMensagem">Tipo:</label>
<select name="message_type" class="col-md-3 bg--white-2" style="margin-left: 90px;" required>
<option name="" value=""></option>
<option name="global" value="global">Global</option>
<option name="individual" class="individual" value="individual">Individual</option>
</select>
</div>
<div class="row">
<label class="md-h4 m_top" for="nomeUsuario">Usuário:</label>
<select name="message_user" class="col-md-3 bg--white-2 m_top" style="margin-left: 50px;">
<option name=""></option>
<?php
foreach ($nome as $nomeUser) {
extract($nomeUser);
if(!empty($user_name) && $user_name != "" && strtoupper($user_name) != "NULL"){
echo "<option value='".($user_name)."'>{$user_name}</option>";
}
}
?>
</select>
</div>
scripts.js
$(document).ready(function(){
$('label[for="nomeUsuario"]').hide();
$('select[name="message_user"]').hide();
$('select[name="message_type"]').on('change', function(){
$('label[for="nomeUsuario"]').show();
$('select[name="message_user"]').show();
});});