Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Bij selectie twee verborgen velden tonen

Obiwan_kenobi
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

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