Vraag & Antwoord

Webprogrammeren & scripting

Bij selectie twee verborgen velden tonen

3 antwoorden
  • Hallo, Ik ben een behoorlijke newbe met javascript en dit zou wel eens voor de meesten een hele eenvoudige vraag kunnen zijn. Ik gebruik een formuliercomponent op een website. Hier kan ik ook scripts gebruken. Ik ben nu een formulier aan het maken waar velden alleen zichtbaar moeten worden bij het selecteren van een bepaalde waarde. Het is me gelukt dit voor een veld te doen, maar het zou gelijkrijdig voor twee velden moeten. Ik heb tot nu toe het volgende in elkaar gedraaid: Bij het veld met id "lint" heb ik een additional attribute geplaatst: onclick="displayField();" Het script dat ik gebruik is: <script type="text/javascript"> function displayField(field) { if(document.getElementById('lint').value == 'Ja') document.getElementById('lint_kleur').style.displa y=""; else { document.getElementById('lint_kleur').style.displa y="none"; document.getElementById('lint').value=""; document.getElementById('helement').setAttribute(" class", "formNoError"); } } function validateFields() { if(document.getElementById('lint').value == 'Ja' && document.getElementById('Nee').value == '') { document.getElementById('lint_kleur').setAttribute ("class", "formError"); return false; } else return true; } window.addEvent('domready', function() { displayField(); }); </script> Hiermee is het gelukt dat als ik bij het veld "lint" de keuze "Ja" selecteer het veld "lint_kleur" zichtbaar wordt. Ik heb echter een tweede veld, genaamd "lint_afscheid" dat ook zichtbaar zou moeten worden als ik bij het veld "lint" de keuze "Ja" selecteer. Ik heb echter geen idee hoe ik dit zou moeten doen. Kan iemand mij verder helpen? Vast bedankt, Hans
  • Het zal wel iets moeten worden als [code:1:69d88fb83b] function displayField() { if(document.getElementById('lint').value == 'Ja') { document.getElementById('lint_kleur').style.display=""; document.getElementById('lint_afscheid').style.display=""; } else { document.getElementById('lint_kleur').style.display="none"; document.getElementById('lint_afscheid').style.display="none"; document.getElementById('lint').value=""; document.getElementById('helement').setAttribute("class", "formNoError"); } } [/code:1:69d88fb83b] Ongetest overigens.
  • Bedankt. Ik had dit al eerder geprobeerd en kreeg het toen niet aan de gang. Waarschijnlijk een teken vergeten. Het werkt nu wel! hans

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.