Campo select ocultar ou mostrar div
Olá pessoal preciso de uma ajudinha.
O objetivo da função abaixo é
Se o valor da compra for MAIOR que 500 então mostra as div divNumParcVisa ou divNumParc.
Se o valor da compra for MENOR que 500 então mostra a div divNumParc03 e oculta as divs divNumParcVisa e divNumParc.
--
Problema
Há um campo select com 4 opções VISA, MASTECARD, DINERS, AMEX.
Se o valor da compra for MAIOR do que 500 e for selecionado VISA aparece a div divNumParcVis, porem se o usuário
mudar para MASTERCARD some todas as divs divNumParcVisa e divNumPar então o usuario teria que ficar atualizando a
página para aparecer as divs sempre que ele ficar mudando de opção no select.
--
O que preciso.
Preciso que o script entenda que se a compra for MAIOR do que 500 e for seleciondo VISA então ele vai mostrar somente a divNumParcVisa.
Preciso que o script entenda que se a compra for MAIOR do que 500 e for seleciondo MASTERCAR,DINERS,AMEX então ele vai mostrar somente a divNumParc.
Se o valor for MENOR do que 500 então ele mostra divNumParc03 para qualquer que seja a seleção.
Ou seja o usuário pode ficar mudando de opção no select que as div correspondentes a seleçao vão aparecer sem a necessidade de ficar atualizando
a página.
--
function validaParcelas(valor_compra)
{
var valor_compra;
var objForm = document.getElementById('frmPedido');
var objDivNumParcVisa = document.getElementById('divNumParcVisa');
var objDivNumParc = document.getElementById('divNumParc');
var objDivNumParc03 = document.getElementById('divNumParc03');
if (valor_compra > 500.00)
{
onload
objDivNumParcVisa.style.display = 'block';// ---------------------- [b] aparecer somente se o visa for selecionado [/b]
objDivNumParc.style.display = 'block'; // ------------------------- [b]aparecer somente se as outras bandeiras forem selecionadas[/b]
objDivNumParc03.style.display = 'none';
return(true);
}
else
{
objDivNumParcVisa.style.display = 'none';
objDivNumParc.style.display = 'none';
objDivNumParc03.style.display = 'block';
return(true);
}
}
--
CAMPO SELECT
<select size="1" name="Bandeira" class="TextBoxCompras" onChange="VerificaFormaPagto();" id=Bandeira>
<option selected>Selecione...</option>
<option value="VISA">Cartão de Crédito Visa</option>
<option value="MASTERCARD">Cartão de Crédito Mastercard</option>
<option value="DINERS">Cartão de Crédito Diners</option>
<option value="AMEX">Cartão de Crédito Amex</option>
</select>Discussão (4)
Carregando comentários...