Toon posts:

[html/php]inhoud listbox afhankelijk v andere box*

Pagina: 1
Acties:
  • 112 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
ik heb een vraagje m.b.t list boxen....
Mijn probleem is als volgt,
Ik wil een pagina maken, in php(als het moet in javascript), met list boxen/ drop down menu's.
Maar nu wil ik zodra er in drop down menu 1 bv. Audi wordt geselecteerd, dat in het boxje daaronder automatisch a3,a4 enz worden weergegeven. Maar dan zonder dat de pagina vernieuwt wordt.
Gegevens haal ik uit een MySQL DB.

Ik heb dit stukje text van een search, maar dat was voor asp en ruim 1 jaar geleden, misschien dat het nu wel kan.
(http://gathering.tweakers.net/forum/list_messages/350323/1?limit=25)

oeps: verander topicnaam maar in [html/php] inhoud listbox afhankelijk van andere l.box

  • clevy
  • Registratie: Juni 2001
  • Laatst online: 03-07-2024

clevy

It's a race !

zal dan iets moeten worden als met php de data uit mysql lezen, javascript genereren met daarin wissel functies en arrays met data ? zal best wel te doen zijn maar is behoorlijk complex ;)

how to add /remove options to / from a select:
http://www.faqts.com/knowledge_base/view.phtml/aid/1181/fid/178

a word to the wise is more often the start of an argument than the help it ought to be


Verwijderd

auto refreshen als iemand een ander merk kiest en dan de tweede combobox vullen met de types van dat merk.

  • a casema user
  • Registratie: Januari 2000
  • Laatst online: 08-09 10:52
code:
1
2
3
4
5
6
7
<script language="javascript">
    function redirect(ref)
    {
      window.location.href = 'index.php?ID=' +
           ref.options[ref.selectedIndex].value;
    }
</script>


code:
1
2
3
<select name="goto" onchange="javascript:redirect(this)">
hier dan afhaneklijk van je $ID menu met submenus maken
</select>

Taaaa taa taa taaaa taa taa ta taaataaaaa.


  • leonardo1504
  • Registratie: April 2001
  • Niet online
Je ontkomt niet aan javascript. Het kan op twee manieren :

1. Je PHP haalt alle merken en alle types uit de database en maakt daar een HTML pagina van. In die pagina zit Javascript die de tweede dropdown samenstelt als de selectie van de eerste wijzigt (via een onChange event)
2. Je maakt een PHP pagina die alle merken ophaalt uit de database en alle types van 1 merk (het geselecteerde merk, dat weet je dmv een GET of POST paramater, een form submit dus). Je maakt nu in je pagina gebruik van javascript (het onChange event) om de pagina opnieuw op te halen.

  • chris
  • Registratie: September 2001
  • Laatst online: 11-03-2022
dit is echt meer iets voor W&G.

  • chem
  • Registratie: Oktober 2000
  • Laatst online: 27-08 13:53

chem

Reist de wereld rond

en daar gaat-ie dus ook heen

Klaar voor een nieuwe uitdaging.


  • a casema user
  • Registratie: Januari 2000
  • Laatst online: 08-09 10:52
Op woensdag 15 mei 2002 18:48 schreef leonardo1504 het volgende:
Je ontkomt niet aan javascript. Het kan op twee manieren :

1. Je PHP haalt alle merken en alle types uit de database en maakt daar een HTML pagina van. In die pagina zit Javascript die de tweede dropdown samenstelt als de selectie van de eerste wijzigt (via een onChange event)
2. Je maakt een PHP pagina die alle merken ophaalt uit de database en alle types van 1 merk (het geselecteerde merk, dat weet je dmv een GET of POST paramater, een form submit dus). Je maakt nu in je pagina gebruik van javascript (het onChange event) om de pagina opnieuw op te halen.
waarom 2 select boxen ?
Je kan ook 1 select box maken met een OPTGROUP en daar een javascript ontchange of submit knop mee gebruiken.

Taaaa taa taa taaaa taa taa ta taaataaaaa.


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var aOptions = new Array();
aOptions["audi"] = new Array('a1','a2','a3','a4','a5');
aOptions["citroen"] = new Array('c1','c2','c3','c4','c5');

function createSecondSelect(sFirstVal) {
  if (document.getElementById('secondSelect')) document.getElementById('secondSelect').removeNode(true);
  oSelect = document.createElement('<select name="secondSelect">');
  for (var i = 0; i < aOptions[sFirstVal].length; i++) {
     oOption = document.createElement('<option value="'+aOptions[sFirstVal][i]+'">');
     oOption.innerHTML = aOptions[sFirstVal][i];
     oSelect.appendChild(oOption);
  }
  document.body.appendChild(oSelect);
}


code:
1
2
3
4
<select name="firstSelect" onClick="createSecondSelect(this.options[this.selectedIndex].value);">
  <option value="audi">audi</option>
  <option value="citroen">citroën</option>
</select>

Nog niet getest en zal iig wel IE only zijn

edit: http://www.sovenewmedia.nl/gathering.tweakers.net/secondselect.html
Pagina: 1