login  Naam:   Wachtwoord: 
Registreer je!
 Forum

JS) select

Offline thyssimonis - 10/10/2005 09:55
Avatar van thyssimonisPHP interesse Hallo,

Ik zoek iets wat de juist options selecteert bij de optie die ik selecteer. Voorbeeld: markplaats advertentie plaatsen.
Uitleg staat hier onder!

php code - Bekijk de code zonder highlighting - Klap code in 
  1. Groep <select name="groep"> 
  2.                             <option value="Horde">Horde</option> 
  3.                             <option value="Alliance">Alliance</option> 
  4.                             </select> 
  5. Ras<select name="ras"> 
  6.                             (Horde geselecteerd bij groep onderstaand meot er dan komen) 
  7.                             <option value="Orcs">Orcs</option> 
  8.                             <option value="Tauren">Tauren</option> 
  9.                             <option value="Trolls">Trolls</option> 
  10.                             <option value="Undead">Undead</option> 
  11.                             (Alliance geselecteerd bij groep onderstaand meot er dan komen) 
  12.                             <option value="Dwarves">Dwarves</option> 
  13.                             <option value="Gnomes">Gnomes</option> 
  14.                             <option value="Humans">Humans</option> 
  15.                             <option value="Night elves">Night elves</option> 
  16.                             </select>

11 antwoorden

Gesponsorde links
Offline Thomas - 10/10/2005 12:16
Avatar van Thomas Moderator Je kan dit op meerdere manieren doen:

1. je ras-opties in 2 arrays stoppen, en dan het ras-menu bouwen (vullen met waarden uit het juiste array) nadat je een groep gekozen hebt.

2. twee divs maken (eentje voor horde, eentje voor alliance), en dan op grond van de gekozen groep de juiste div tonen.
Offline Ontani - 10/10/2005 12:20 (laatste wijziging 10/10/2005 13:25)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 of zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3. function show(type)
  4. {
  5.  switch (type)
  6.  {
  7.   case "horde":
  8.    document.getElementById('rasHorde').style.display = 'block';
  9.    document.getElementById('rasAlliance').style.display = 'none';
  10.    break;
  11.    case "alliance":
  12.    document.getElementById('rasAlliance').style.display = 'block';
  13.    document.getElementById('rasHorde').style.display = 'none';
  14.    break;
  15.  }
  16. }
  17. -->
  18. </script>
  19.  
  20. Groep:
  21. <select name="groep"> 
  22. <option>selecteer groep</option>
  23. <option value="Horde" onclick="show('horde');">Horde</option> 
  24. <option value="Alliance" onclick="show('alliance');">Alliance</option> 
  25. </select> 
  26. <br/>
  27.  
  28. Ras:
  29. <select id="rasHorde" style="display: none;"> 
  30. <!-- Horde geselecteerd bij groep onderstaand meot er dan komen -->
  31. <option value="Orcs">Orcs</option> 
  32. <option value="Tauren">Tauren</option> 
  33. <option value="Trolls">Trolls</option> 
  34. <option value="Undead">Undead</option>
  35. </select> 
  36.  
  37. <select id="rasAlliance" style="display: none;">
  38. <!-- Alliance geselecteerd bij groep onderstaand meot er dan komen -->
  39. <option value="Dwarves">Dwarves</option> 
  40. <option value="Gnomes">Gnomes</option> 
  41. <option value="Humans">Humans</option> 
  42. <option value="Night elves">Night elves</option> 
  43. </select>
Offline stenno - 10/10/2005 13:47
Avatar van stenno PHP interesse
@ ontani: werkt wel in ff maar niet in ie. Dat wordt dus even div's van maken 
Offline thyssimonis - 10/10/2005 15:05
Avatar van thyssimonis PHP interesse En hoe ik dat?
Heb al wat geprobeerd met div`s maar lukte niet.
Offline stenno - 10/10/2005 15:06 (laatste wijziging 10/10/2005 15:40)
Avatar van stenno PHP interesse momentje post zometeen het script^^

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. </head>
  5. <body>
  6. <script type="text/javascript">
  7. <!--
  8. function show()
  9. {
  10.  {if(document.form1.groep.options[1].selected) 
  11.   {
  12. document.getElementById('rasHorde1').style.display = 'block';
  13. document.getElementById('rasAlliance1').style.display = 'none';
  14.   }
  15.  
  16. else
  17.  {if(document.form1.groep.options[2].selected) 
  18.   {   
  19. document.getElementById('rasAlliance1').style.display = 'block';
  20. document.getElementById('rasHorde1').style.display = 'none';
  21.   }
  22.  }
  23.  }
  24. }
  25. -->
  26. </script>
  27. </head>
  28. <body>
  29. <form name="form1">
  30. Groep:
  31. <select name="groep" onchange="show()"> 
  32. <option>selecteer groep</option>
  33. <option value="1">Horde</option> 
  34. <option value="2">Alliance</option> 
  35. </select> 
  36. <br/>
  37.  
  38.  
  39. <div id="rasHorde1" style="display:none;">
  40. Ras:
  41. <select> 
  42. <option value="Orcs">Orcs</option> 
  43. <option value="Tauren">Tauren</option> 
  44. <option value="Trolls">Trolls</option> 
  45. <option value="Undead">Undead</option>
  46. </select> 
  47. </div>
  48.  
  49. <div id="rasAlliance1" style="display:none;">
  50. Ras:
  51. <select>
  52. <option value="Dwarves">Dwarves</option> 
  53. <option value="Gnomes">Gnomes</option> 
  54. <option value="Humans">Humans</option> 
  55. <option value="Night elves">Night elves</option> 
  56. </select> 
  57. </div>
  58. </form>
  59. </body>
  60. </html>
Offline thyssimonis - 10/10/2005 15:44 (laatste wijziging 10/10/2005 16:14)
Avatar van thyssimonis PHP interesse Thanx;)
Als nog geen groep is geselecteerd moet er een select komen selecteer ras hoe doe ik dat?
Heb al wat geprobeerd maar heb niet veel verstand van JS
Offline stenno - 10/10/2005 18:06
Avatar van stenno PHP interesse
wil je je vraag iets duidelijkerstellen want did snap ik niet 
Offline thyssimonis - 10/10/2005 20:38
Avatar van thyssimonis PHP interesse Als er nog niks is geselecteerd is bij Groep, dan is de staat er nog geen <select> bij Ras. Ik wil hier graag een leege <select>.
Ik heb dit al geprobeeerd, maar ben niet zo in JS thuis.
Offline stenno - 10/10/2005 20:41
Avatar van stenno PHP interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. </head>
  5. <body>
  6. <script type="text/javascript">
  7. <!--
  8. function show()
  9. {
  10.  {if(document.form1.groep.options[1].selected) 
  11.   {
  12. document.getElementById('rasHorde1').style.display = 'block';
  13. document.getElementById('rasAlliance1').style.display = 'none';
  14. document.getElementById('niets').style.display = 'none';  
  15. }
  16.  
  17. else
  18.  {if(document.form1.groep.options[2].selected) 
  19.   {   
  20. document.getElementById('niets').style.display = 'none';	
  21. document.getElementById('rasAlliance1').style.display = 'block';
  22. document.getElementById('rasHorde1').style.display = 'none';
  23.   }
  24.  }
  25.  }
  26. }
  27. -->
  28. </script>
  29. </head>
  30. <body>
  31. <form name="form1">
  32. Groep:
  33. <select name="groep" onchange="show()"> 
  34. <option value="0">selecteer groep</option>
  35. <option value="1">Horde</option> 
  36. <option value="2">Alliance</option> 
  37. </select> 
  38. <br/>
  39.  
  40.  
  41. <div id="rasHorde1" style="display:none;">
  42. Ras:
  43. <select> 
  44. <option value="Orcs">Orcs</option> 
  45. <option value="Tauren">Tauren</option> 
  46. <option value="Trolls">Trolls</option> 
  47. <option value="Undead">Undead</option>
  48. </select> 
  49. </div>
  50.  
  51. <div id="rasAlliance1" style="display:none;">
  52. Ras:
  53. <select>
  54. <option value="Dwarves">Dwarves</option> 
  55. <option value="Gnomes">Gnomes</option> 
  56. <option value="Humans">Humans</option> 
  57. <option value="Night elves">Night elves</option> 
  58. </select> 
  59. </div>
  60.  
  61. <div id="niets" style="display:block;">
  62. Ras:
  63. <select>
  64. </select> 
  65. </div>
  66.  
  67.  
  68. </form>
  69. </body>
  70. </html>
Offline thyssimonis - 10/10/2005 21:11 (laatste wijziging 11/10/2005 17:17)
Avatar van thyssimonis PHP interesse Bedankt;)
Werkt perfect!

//Edit:
Ik ben nu bezig met een select die hij uit de datebase haalt en dat zijn catogorien en subcatogorien.
Maar ik komt niet veder omdat ik niet echt thuis ben in js.

Ik heb dit nu:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3. function show()
  4. {
  5.  {if(document.FORMNAAM.cat.options[1].selected)
  6.   {
  7. document.getElementById('rasHorde1').style.display = 'block';
  8. document.getElementById('rasAlliance1').style.display = 'none';
  9. document.getElementById('niets').style.display = 'none';
  10. }
  11.  
  12. else
  13.  {if(document.FORMNAAM.cat.options[2].selected)
  14.   {
  15. document.getElementById('niets').style.display = 'none';
  16. document.getElementById('rasAlliance1').style.display = 'block';
  17. document.getElementById('rasHorde1').style.display = 'none';
  18.   }
  19.  }
  20.  }
  21. }
  22. -->
  23. </script>
  24. <?php
  25. include_once 'include/config.inc.php';
  26.  
  27. echo '<form action="?page=leden/aanmelden" method="post" name="FORMNAAM">
  28.       <select name="cat" onchange="show()">
  29.       <option value="0">Selecteer categorie</option>';
  30.       $list_query = mysql_query("SELECT * FROM cat ORDER BY onderwerp");
  31.       while ($list = mysql_fetch_assoc($list_query)){
  32. echo '<option value="'.$list['id'].'">'.$list['onderwerp'].'</option>';
  33.       }
  34. echo '</select> <font color="#FF0000">*</font>
  35.       <div id="rasHorde1" style="display:none;"><select name="subcat">
  36.       <option value="0">Selecteer subcategorie</option>';
  37.       $list_query = mysql_query("SELECT * FROM cat WHERE id=''");
  38.       while ($list = mysql_fetch_assoc($list_query)){
  39.       $lijst_query = mysql_query("SELECT * FROM subcat WHERE catid='".$list['id']."' ORDER BY onderwerp");
  40.       while ($lijst = mysql_fetch_assoc($lijst_query)){
  41. echo '<option value="'.$lijst['id'].'">'.$lijst['onderwerp'].'</option>';
  42.       }
  43.       }
  44. echo '</select> <font color="#FF0000">*</font></div>
  45.       <div id="niets" style="display:block;"><select name="subcat">
  46.       <option value="0">Selecteer subcategorie</option>
  47.       </select> <font color="#FF0000">*</font></div>
  48.       </form>';
  49.  
  50. ?>
Offline stenno - 13/10/2005 13:44 (laatste wijziging 13/10/2005 13:45)
Avatar van stenno PHP interesse heej hou het script lekker zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. </head>
  5. <body>
  6. <script type="text/javascript">
  7. <!--
  8. function show()
  9. {
  10.  {if(document.form1.groep.options[1].selected) 
  11.   {
  12. document.getElementById('rasHorde1').style.display = 'block';
  13. document.getElementById('rasAlliance1').style.display = 'none';
  14. document.getElementById('niets').style.display = 'none';  
  15. }
  16.  
  17. else
  18.  {if(document.form1.groep.options[2].selected) 
  19.   {   
  20. document.getElementById('niets').style.display = 'none';    
  21. document.getElementById('rasAlliance1').style.display = 'block';
  22. document.getElementById('rasHorde1').style.display = 'none';
  23.   }
  24.  }
  25.  }
  26. }
  27. -->
  28. </script>
  29. </head>
  30. <body>
  31. <form name="form1">
  32. Groep:
  33. <select name="groep" onchange="show()"> 
  34. <option value="0">selecteer groep</option>
  35. <option value="1">Horde</option> 
  36. <option value="2">Alliance</option> 
  37. </select> 
  38. <br/>
  39.  
  40.  
  41. <div id="rasHorde1" style="display:none;">
  42. Ras:
  43. <select> 
  44. <option value="Orcs">Orcs</option> 
  45. <option value="Tauren">Tauren</option> 
  46. <option value="Trolls">Trolls</option> 
  47. <option value="Undead">Undead</option>
  48. </select> 
  49. </div>
  50.  
  51. <div id="rasAlliance1" style="display:none;">
  52. Ras:
  53. <select>
  54. <option value="Dwarves">Dwarves</option> 
  55. <option value="Gnomes">Gnomes</option> 
  56. <option value="Humans">Humans</option> 
  57. <option value="Night elves">Night elves</option> 
  58. </select> 
  59. </div>
  60.  
  61. <div id="niets" style="display:block;">
  62. Ras:
  63. <select>
  64. </select> 
  65. </div>
  66.  
  67.  
  68. </form>
  69. </body>
  70. </html>


En dan doe je echo je gewoon bij voorbeeld voor die eerste select de query 

in plaats van het heel form te echoën zoals je nu doet dus 

dus bijvoorbeeld zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <option value="Orcs"><?php echo querry;?></option>


je kan natuurlijk ook je variable van je querry echoën
 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.39s