julianmurillo
Gebruiker
- Lid geworden
- 15 jan 2018
- Berichten
- 41
Hallo Allemaal
Ik heb de volgende code geschreven om bepaalde div's laten tonen en verbergen als er een bepaalde selectie-waarde wordt gekozen uit een dropdown.
Dan vroeg ik mij af hoe ik de display:none and display:block instructies kan veranderen naar een detach- een reattach-event om het netjes te maken.
Tevens, zou ik ook willen weten of ik iets aan de code kan doen zodat de div's getoond of verborgen zou worden voor de pagina wordt geladen. Nu is het dat de selected value geen invloed heeft op het tonen/verbergen van de div's als de pagina is geladen, maar alleen als ik -daarna- een value zou selecteren uit de dropdown -dat kom uiteraard door de change event-.
Dank voor je ideeën en hulp.
Ik heb de volgende code geschreven om bepaalde div's laten tonen en verbergen als er een bepaalde selectie-waarde wordt gekozen uit een dropdown.
Dan vroeg ik mij af hoe ik de display:none and display:block instructies kan veranderen naar een detach- een reattach-event om het netjes te maken.
Tevens, zou ik ook willen weten of ik iets aan de code kan doen zodat de div's getoond of verborgen zou worden voor de pagina wordt geladen. Nu is het dat de selected value geen invloed heeft op het tonen/verbergen van de div's als de pagina is geladen, maar alleen als ik -daarna- een value zou selecteren uit de dropdown -dat kom uiteraard door de change event-.
HTML:
<script>
jQuery(document).ready(function() {
jQuery('#attributes-fieldset').detach().insertBefore( jQuery('#billing_address_list') );
jQuery('#customer_group').change(function() {
if(jQuery('#customer_group').val() == '31572') {
jQuery("div.input-company").css('display','none');
jQuery("div.input-vat").css('display','none');
jQuery('label[for="billing:vat_id"]').css('display','none');
}
else {
jQuery("div.input-company").css('display','block');
jQuery("div.input-vat").css('display','block');
jQuery('label[for="billing:vat_id"]').css('display','block');
}
});
});
</script>
Dank voor je ideeën en hulp.