Hello, I'm sure the next, the plug has a field called profession and a field called specialization, I would like that when the player selecionasse a profession the list of options in the field expertise change according to the chosen profession, someone would have an example how do I proceed? <div> <span><img src="<a href="http://i1109.photobucket.com/albums/h426/trodurizen/Logo_zpsa8tooaa2.jpg"></span" rel="nofollow">http://i1109.photobucket.com/albums/h426/trodurizen/Logo_zpsa8tooaa2.jpg"></span</a>> <span><label for="name">Nome:</label></span> <input type="text" name="attr_nome"/> <span><label for="raca">Raça:</label></span> <select value="0" name="attr_raca" id"select-raca" > <option value="" selected> </option> <option value="anao">Anão</option> <option value="e-dourado">Elfo Dourado</option> <option value="e-florestal">Elfo Florestal</option> <option value="humano">Humano</option> <option value="m-elfo">Meio-elfo</option> <option value="pequenino">Pequenino</option> </select> <span><label for="profissao">Profissão:</label></span> <select name="attr_profissao" id="select-profissao"> <option value="" selected> </option> <option value="bardo">Bardo</option> <option value="guerreiro">Guerreiro</option> <option value="ladino">Ladino</option> <option value="mago">Mago</option> <option value="rastreador">Rastreador</option> <option value="sacerdote">Sacerdote</option> </select> <span><label for="especializacao">Especialização:</label></span> <select name="attr_especializacao" id="select-especializacao"> <option value="" selected> </option> <option value="arautos">Arautos</option> <option value="artistas">Artistas</option> <option value="eruditos">Eruditos</option> </select> </div>
.sheet-principal {
background-color: white;
width: 231px;
height: 88px;
}
.sheet-label-name{
font-family:Palatino Linotype;
font-size: 9;
position:absolute;
top:80px;
left:280px;
}
.sheet-input-name{
width: 250px;
font-family:Palatino Linotype;
font-size: 12;
position:absolute;
top:70px;
left:330px;
border: 1px solid;
border-top:none;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius:0.5em;
border-left: 1px;
border-right: 1px;
background-color: none;
}
.sheet-label-raca{
font-family:Palatino Linotype;
font-size: 9;
position:absolute;
top:110px;
left:280px;
}
.sheet-lista-raca{
width: 250px;
font-family:Palatino Linotype;
font-size: 12;
position:absolute;
top:100px;
left:330px;
border: 1px solid;
border-top:none;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius:0.5em;
border-left: 1px;
border-right: 1px;
background-color: none;
}
.sheet-label-profissao{
font-family:Palatino Linotype;
font-size: 9;
position:absolute;
top:140px;
left:280px;
}
.sheet-lista-profissao{
width: 230px;
font-family:Palatino Linotype;
font-size: 12;
position:absolute;
top:130px;
left:350px;
border: 1px solid;
border-top:none;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius:0.5em;
border-left: 1px;
border-right: 1px;
background-color: none;
}
.sheet-label-especializacao{
font-family:Palatino Linotype;
font-size: 9;
position:absolute;
top:170px;
left:280px;
}
.sheet-lista-especializacao{
width: 190px;
font-family:Palatino Linotype;
font-size: 12;
position:absolute;
top:160px;
left:390px;
border: 1px solid;
border-top:none;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius:0.5em;
border-left: 1px;
border-right: 1px;
background-color: none;
}
