Oi pessoal, eu me deparei com um problema, eu tenho um select com duas opções, e quando eu seleciona uma delas o formulário deveria exibir um campo que so aparece se essa opção está selecionada.
<tr>
<td class="tdLabel">Frete pago por:</td><td><s:select id="frete" name="budget.frete" list="#{'FOB':'FOB','CIF':'CIF'}" onchange="show()" /></td>
</tr>
<tr>
<td class="tdLabel" style="display:none;" id="label">Valor Deslocamento:</td><td style="display:none;" id="campo"><s:textfield name="budget.valorDeslocamento" value="%{budget.valorDeslocamento}" cssClass="campoPequeno campoNumerico" /></td>
</tr>
Minha função javaScript, se CIF estiver selecionado:
function show(){
if(document.getElementById('frete').value =="CIF"){
document.getElementById('label').style.display = 'block';
document.getElementById('campo').style.display = 'block';
}else{
document.getElementById('label').style.display = 'none';
document.getElementById('campo').style.display = 'none';
}
}
Funciona, mais ele não alinha os campos no formulario, aparece fora do luguar e tal, vira uma “vcs sabem”, se alguem tiver alguma dica eu testo.