adres invullen

[MichaelMafiosa]

Hoi mensen,

Ik wil graag een scriptje maken waarbij de gebruiker een adres kan aangeven.

gebruiker kan kiezen tussen 2 checkboxjes;

- Standaard adres
- Anders

Als anders wordt aangevinkt moeten er wat textbalkjes verschijnen voor het invullen van straat + huisnummer, postcode, en plaats. Het liefst wil ik deze teksten er ook in hebben en wanneer een textbalk wordt geselecteerd moet deze tekst verdwijnen zeg maar.

Kan iemand me helpen??

Greetz Michael

 

[That Guy]

gebruik de onclick-method uit js. Zoiets:

<input type='checkbox' onclick="doStuff(this);" />

<div id='div_ding' style='display: none;'>
   <input type='text' name='adres' />
   <!-- meer input etc -->
</div>

function doStuff(me)
{
   if(me.checked == true){
      document.getElementById('div_ding').style.display = 'block';
   }else{
      document.getElementById('div_ding').style.display = 'none'; 
   }
}

 

[MichaelMafiosa]

Bedankt voor je reactie! :thumb:

Ik heb nu dit:

<form>
<input type="radio" name="adres" value="male"/> Standaard adres
<br>
<input type="radio" name="adres" value="female" onclick="doeIets(this);"/> Anders...
</form> 
 
<div id='add_adres' style='display: none;'>
    <input type='text' name='adres' /><br>
    <br>
    <input type='text' name='postcode' /><br>
    <br>
    <input type='text' name='plaats' />
</div>

en dit als script:

function doeIets(me)
{
   if(me.checked == true){
      document.getElementById('add_adres').style.display = 'block';
   }else{
      document.getElementById('add_adres').style.display = 'none'; 
   }
}

Als je "anders" aanklikt verschijnen er dus textfields. Als ik vervolgens weer "standaard adres" aanklik blijven die textfields staan. Die moeten dan eigenlijk weer weg. Ik dacht dat hij dat doet door de "else" functie, maar niet dus.

Ook wil ik graag standaard tekst in de textfields en wanneer een textfield wordt geselecteerd, moet de tekst verdwijnen zeg maar.

Kan je/iemand me daar nog mee helpen??

Greetz Michael