login  Naam:   Wachtwoord: 
Registreer je!
 Forum

selectbox maken met een leeg textfield als laatste optie (Opgelost)

Offline Jur - 28/12/2008 20:54
Avatar van JurLid Hoi, ik heb een simpele selectbox, waarmee de laatste optie "anders" een leeg invoerveld tevoorschijn moet toveren. Nu ben ik geen java held, en heb hier overal gezocht, maar kan niets vinden. Wie kan me op weg helpen?

4 antwoorden

Gesponsorde links
Offline svm - 28/12/2008 21:53
Avatar van svm PHP ver gevorderde Je bedoelt javascript; geen java (zijn verschillende dingen he).

Maar het volgende moet werken:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" type="text/javascript">
  2. function maakZichtbaar(id) {
  3.  if(document.getElementById(id).style.display == 'none') {
  4.   document.getElementById(id).style.display = 'block';
  5.  }else{
  6.   document.getElementById(id).style.display = 'none';
  7.  }
  8.  return false;
  9. }
  10. </script>
  11.  
  12. <input type="checkbox" name="naam" onchange="maakZichtbaar('anders')" />
  13. <input type="text" name="anders" id="anders" style="display: none;"/>
Offline Jur - 29/12/2008 13:13
Avatar van Jur Lid Ja sorry, je hebt gelijk, heb trouwens 2 fouten gemaakt, ik zei selectbox, maar bedoel eigenlijk een drop down box.
waarbij de laatste optie een zelf toe te voegen optie is dan.
Offline Koen - 29/12/2008 13:33 (laatste wijziging 29/12/2008 13:33)
Avatar van Koen PHP expert
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function toggleAnders(Val) {
  3.     if(Val == 'anders') {
  4.         document.getElementById('anders').style.visibility = 'visible';
  5.     } else {
  6.         document.getElementById('anders').style.visibility = 'hidden';
  7.         document.getElementById('anders').value = '';
  8.     }
  9. }
  10. </script>


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form ...>
  2. <select name="bla" onchange="toggleAnders(this.options[this.selectedIndex].value);">
  3. <option value="dit">dit</option>
  4. <option value="dat">dat</option>
  5. <option value="anders">anders..</option>
  7. <input type="text" style="visibility: hidden;" name="andersveld" id="anders" />
  8. </form>
Offline Jur - 29/12/2008 17:54
Avatar van Jur Lid Dit is precies wat ik bedoelde, hartelijk bedankt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s