selectieboxen koppelen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

LabVIEW Developer

Dit ga je doen Als LabVIEW Developer hou je je bezig met: Het (door)ontwikkelen van LabVIEW applicaties; Het meewerken aan diverse projecten; Het meedenken over nieuwe tools en technieken; Het werken aan hardware op de meetstations; Het begeleiden van meer junior collega's. Hier ga je werken Het bedrijf van je als LabVIEW Developer komt te werken staat internationaal bekend om het testen van bodemstructuren door middel van echotechnieken en beeldherkenning, ter verbetering van het openbaar vervoer. Op dit moment zijn ze nationaal en internationaal bezig met projecten waar hun expertise gevraagd wordt. Ondanks de grote reikwijdte is de vestiging in

Bekijk vacature »

Senior developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

.Net Developer

Samengevat: Deze werkgever levert webdiensten. Ben jij een .NET Deverloper? Heb jij ervaring met programmeren van software? Vaste baan: .Net Developer Webforms MBO ICT 2.500 - 4.300 .Net Developer Wij ontwikkelen software om vraag en aanbod van onderdelen van personenauto's bij elkaar te brengen. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Functie: Voor de vacature als en .Net Developer Dordrecht MBO ga je het volgende doen: Onderhoud huidige applicatie; Ontwikkelen van nieuwe functionaliteiten; Onderhoud van bestaande, maar ook het ontwikkelen van nieuwe Api’s; Onderhoud

Bekijk vacature »

API Developer Red Hat Fuse

Dit ga je doen Als API Developer zal je verantwoordelijk zijn voor het: het maken van API's en het correct laten draaien van de API's op het platform. Hierdoor kom je in aanraking met Red Hat Fuse, Springt Boot, 3Scale, Red Hat SSO, Openshift en Azure DevOps; zorgen voor de kwaliteit van de ontwikkeling, integratie en prestaties van de API's; zorgen voor een stabiel integratieplatform. Hier ga je werken Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap dat hoofdzakelijk op OpenShift, Azure en

Bekijk vacature »

Senior Java Developer

Over de functie Voor onze klant in regio Rotterdam zijn wij op zoek naar een Senior Java Developer. Start: ZSM Aantal uur: 40 uur Duur: 6 maanden + Locatie: Rotterdam / Remote Je bent onderdeel van een zelfsturend Scrum team dat iedere twee weken software van hoge kwaliteit oplevert. Jij voelt je net als alle teamleden verantwoordelijk voor alle aspecten, vanaf de vraag tot en met de oplevering in productie. Je bent kritisch, je helpt de klant om zijn wensen helder te krijgen, je schrijft clean code die van hoge kwaliteit is, met bijbehorende uniten integratietesten, je ondersteunt zo nodig

Bekijk vacature »

Senior Front-End Developer

Als Senior Front-End Developer bij Coolblue verbeter je de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Wat doe je als Senior Front-End Developer bij Coolblue? Als Senior Front-end Developer werk je aan de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Je vindt het leuk om samen te werken met de UX designer om stories op te pakken. Daarnaast ben je trots op je werk en verwelkomt alle feedback. Ook Senior Front-end Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen Verbeteren van de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Nadenken

Bekijk vacature »

Frontend Developer UI UX

Samengevat: Wij ontwikkelen SaaS-applicaties voor de zorg. Ben jij een ervaren frontend devloper? Heb jij affiniteit met UX/UI? Vaste baan: Frontend Developer Typescript Javascript HBO €3.000 - €4.800 Deze werkgever is een softwarebureau, dat zich vooral richt op de ontwikkeling van software applicaties voor artsen. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Deze werkgever staat open voor elke nieuwe trend. Onze systemen zijn groot en ingewikkeld. Hou jij van diepgang en van een vaste werkkring waar je jaren werkt

Bekijk vacature »

Medior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »

gebiedsontwikkelaar

Bedrijfsomschrijving gemeente tilburg Functieomschrijving Wil jij zelf aan de lat staan van de totstandkoming een van de qua oppervlak grotere gebiedsontwikkelingen van Nederland? . Bovendien nog eens met veel opgaven: waar natuur centraal staat, woningbouw voor dorpskernen op maat moet komen en we een forse mobiliteitsopgave hebben waaronder de realisatie van een nieuw station. Waar we samen met onze buurgemeenten een nieuw landschap in het hart van Brabant ontwikkelen. Waar je zelf vanaf de start kunt bouwen aan de organisatie en structuur van de gebiedsontwikkeling. Kortom: wij bieden je een mooie uitdaging! Wat ga je doen? - Je bouwt samen

Bekijk vacature »

Freelance Frontend Developer (ZZP)

Belastingdienst B/cao Startdatum inzet : 19 december 2022 Tijdelijke functie, met optie op vast Uren per week : 36 Standplaats (in overleg) : Apeldoorn Op dit moment hebben wij frontend developers met een nieuwsgierige en pro actieve houding nodig die zich hoofdzakelijk richten op het helpen bij het bouwen van open formulieren. Deze formulieren worden gemaakt met verschillende producten. Wij werken met Bold (het Belastingdienst Design System), form.io, moderne frameworks en integratiemogelijkheden. Op het gebied van de overige tooling wordt je voor zover nodig ingewerkt. Van jou als frontend developer wordt verwacht dat je deze producten op de juiste manier

Bekijk vacature »

Java-softwaredeveloper

Wat je gaat doen: Dit ga je doen Daar kunnen we heel kort over zijn: software ontwikkelen met de agile-/scrumteams van toonaangevende organisaties. Zoals ministeries, gemeentes, financiële instellingen en retail- en energiebedrijven. En als het bij je past, begeleid je collega-developers in het ontwikkelproces. Doordat je tijdelijk aan een opdracht werkt, doe je in korte tijd veel mooie ervaringen op en leer je nieuwe technieken en tools kennen. Je teamleden werken bijvoorbeeld met Spring, JPA/Hibernate, AJAX, REST/JSON, GIT, AWS en TDD. Het interessante is dat jij volledig in control bent en zelf kiest welke opdrachten je oppakt. Het soort rol,

Bekijk vacature »

Robot Programmeur

Bedrijfsomschrijving: Locatie: regio Harlingen Deze dochteronderneming is gevestigd in Harlingen en al sinds 1999 een specialist op het gebied van productieautomatisering, robotisering en metaalbewerking. Met speciaalmachines, robotisering en productmechanisatie als belangrijkste werkgebieden gaan ze de strijd aan met de meest uitdagende vraagstukken, die de efficiency van de productieprocessen moet verbeteren. Daarin speelt innovatie en nieuwe technologieën een grote rol en dit merk jij als Robot Programmeur zeker. Kortom; zij maken producten die nog niet bestaan! Sinds 2018 is dit bedrijf onderdeel van een internationale groep met zeven productielocaties in Maleisië, China, Singapore, de USA, Tsjechië en Nederland. Duik jij als

Bekijk vacature »

Full-Stack Developer

As a Full-Stack Developer in my team you work on complete software stacks for medical support, connected cars and/or High-Tech mechatronic systems. You are experienced in web development with prominent frameworks (Angular, REACT or others) that connect you effectively to cloud systems including PaaS and SaaS (AWS or Azure). You can extend cloud systems with scalable features with the necessary security within a microservice architecture. In addition, you are responsible for the quality and sustainability of your contribution and you work together with your team on the end product. What are you going to do? You build both the front-end

Bekijk vacature »

Oracle Apex Developer

Dit ga je doen Jouw taken bestaan uit: Het bouwen maatwerk Oracle applicaties voor Europese business units; Het implementeren van de nieuwste technieken om te blijven innoveren; Actief meedenken en aandragen van verbetervoorstellen. Hier ga je werken Deze organisatie in de regio Veenendaal is een van wereld grootste retailers met ruim 16.000 winkels in 27 markten en jaarlijks ruim 5,3 miljard klanten die winkelen bij een van hun welbekende retailmerken. Binnen de organisatie is er een IT Group actief die dient als IT Service Provider voor de hele organisatie en waar dagelijks IT'ers werken aan state-of-the-art IT oplossingen. Dit doen

Bekijk vacature »

2GW Program Manager Systems Engineering

TenneT is growing fast to realize its strategic ambitions. We play a leading role in driving the energy transition. We are looking for a passionate 2GW Program Manager Systems Engineering at our location in Arnhem who will contribute to this and that might be you? Your contribution to TenneT As 2GW Program Manager Systems Engineering you will be responsible to: Continue to build SE strategy and implementation upon current foundation of functional directives and implementation plans to meet TenneT’s ambitious level 3 maturity level growth; Ensuring a well-coordinated and widely supported development within TenneT – both in Germany and the

Bekijk vacature »
Karin php

Karin php

12/08/2010 12:20:12
Quote Anchor link
Wie o wie? Ik heb een mysql database aan een site gekoppeld met zoekvelden waarbij je met dropdown boxen een keuze maakt voor items uit de database. Dit werkt goed, maar nu wil ik de selectieboxen koppelen: dus als je in de selectiebox provincie ‘Gelderland’ selecteert dat je dan in de selectiebox plaats alleen nog maar plaatsen uit de provincie Gelderland krijgt, die inde mysql-tabel deprovincie-id van Gelderland hebben. Ik wil er ook nog een derde box aan koppelen met items uit die plaats. Dit lijkt vrij simpel maar ik krijg het niet voor elkaar. Ik kom nergens een geschikt voorbeeld tegen. Heb ergens gelezen dat het met AJAX moet, maar de voorbeelden die ik daarvan tegenkom werken niet met mysql. Weet iemand hoe je dit eenvoudig kan doen?
 
PHP hulp

PHP hulp

06/12/2022 01:42:19
 
Obelix Idefix

Obelix Idefix

12/08/2010 14:25:34
 
Karin php

Karin php

17/08/2010 22:13:26
Quote Anchor link
ik had zelf een andere gevonden, waar ik mee aan de gang ben gegaan. Alleen - uiteraard- werkt het niet. Ik zal het hier kopieren, hopelijk kan iemand de fout er uit halen.

Het bestaat uit meerder bestanden. allereerst natuurlijk het basisbestand index:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<?php
  require('header.php');
  include ('func.php');
  include ('db.php');
?>


<form id="selecteren" name="selecteren" action="select.php" method="post">


Provincie:
<select id="drop_1" name="provincie">
<option value="" selected="selected" disabled="disabled">Kies een provincie... </option>';
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
       Locatie();
 ?>


<span id="wait_1" style="display: none;"></span>
<span id="result_1" style="display: none;"></span>
<span id="wait_2" style="display: none;"></span>
<span id="result_2" style="display: none;"></span>

<input type="submit" value="Zoek!" />
</form>

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<?php
  require('footer.php');

?>


daarna de functies in func.php:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<?php
//**************************************
//     Page load dropdown results     //
//**************************************

function Locatie()
{

  $sql = 'SELECT id, naam FROM provincie ORDER BY naam';
  $result = mysql_query($sql) or trigger_error( mysql_error() );
      
  if (mysql_num_rows($result)>0){
    while ($rij = mysql_fetch_array($result)) {
      echo '<option value="'.$rij['id'].'">'.$rij['naam'].'</option>';
    }
  }

 echo  '</select>';

//**************************************
//     First selection results     //
//**************************************

 if($_GET['func'] == "drop_1" && isset($_GET['func'])) {
   drop_1($_GET['drop_var']);
 }
}

function
drop_1($drop_var)
{
  
    include_once('db.php');
    $sql = "SELECT id, plaats.naam FROM plaats ORDER BY plaats.naam WHERE provincie_id='$drop_var'";
    $result = mysql_query($sql) or trigger_error( mysql_error() );
      
    echo '<select name="stad" id="drop_2">
          <option value=" " disabled="disabled" selected="selected">kies een plaats...</option>'
;

    if (mysql_num_rows($result)>0){
      while ($rij = mysql_fetch_array($result)) {
       echo '<option value="'. $rij['id']. '">'. $rij['plaats.naam']. '</option>';
    }}

    
    echo '</select>';
    
    echo "<script type=\"text/javascript\">
      $('#wait_2').hide();
      $('#drop_2').change(function(){
        $('#wait_2').show();
        $('#result_2').hide();
        $.get(\"func.php\", {
          func: \"drop_2\",
          drop_var: $('#drop_2').val()
        }, function(response){
          $('#result_2').fadeOut();
          setTimeout(\"finishAjax_tier_three('result_2', '\"+escape(response)+\"')\", 400);
        });
        return false;
      });
    </script>"
;



//**************************************
//     Second selection results     //
//**************************************

  if($_GET['func'] == "drop_2" && isset($_GET['func'])) {
   drop_2($_GET['drop_var']);
  }
}
function
drop_2($drop_var)
{
  
    include_once('db.php');
  $sql = "SELECT id, filiaal.naam FROM filiaal WHERE plaats_id='$drop_var' ORDER BY filiaal.naam";
  $result = mysql_query($sql) or trigger_error( mysql_error() );
    
    echo '<select name="filiaal" id="drop_3">
          <option value=" " disabled="disabled" selected="selected">Kies een filiaal... </option>'
;

  if (mysql_num_rows($result)>0){
    while ($rij = mysql_fetch_array($result)) {
      echo '<option value="'. $rij['id']. '">'. $rij['filiaal.naam']. '</option>';
    }
  }

     echo '</select>';
}

?>


en de header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<?php
  require("config.php");
  $db = mysql_connect($dbhost, $dbuser, $dbpassword);
  mysql_select_db($dbdatabase, $db);
  setlocale(LC_ALL, 'nld_nld');
?>


<html>
<head>
<title>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php echo $config_sitename; ?>
</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"><link/>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$('#wait_1').hide();
$('#drop_1').change(function(){
$('#wait_1').show();
$('#result_1').hide();
$.get("func.php", {
func: "drop_1",
drop_var: $('#drop_1').val()
}, function(response){
$('#result_1').fadeOut();
setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
});
return false;
});
});

function finishAjax(id, response) {
$('#wait_1').hide();
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
function finishAjax_tier_three(id, response) {
$('#wait_2').hide();
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
</script>


<body>

<div id="container">

<div id="main">

en de footer:

</div> <!--main-->

</div><!--container-->

<div id="footer">&copy; 2010
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php echo $config_author; ?>
</div>



</body>
</html>
 
Jeffrey boud

jeffrey boud

26/08/2010 10:44:57
Quote Anchor link
Heeft iemand hier al een oplossing voor gevonden heb zelf ook zo een soort probleem
 
Tom Tom

Tom Tom

30/08/2010 10:18:39
Quote Anchor link
Ik ben ook bezig met het koppelen van selectieboxen op basis van database gegevens. Ik heb inmiddels een werkend voorbeeldje gemaakt welke alleen dient als hulpmiddel bij het oplossen van jullie probleem. Db connectie, db selectie en queries heb ik even achterwege gelaten. Ik maak gebruik van arrays met mogelijke uitkomsten van een querie.


index.php

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<?php

$automerken
= array(audi, vw);

?>


<html>
<head>
<title>Cars</title>
<script type="text/javascript">
function showCar(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getcar.php?car="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<select name="car" onchange="showCar(this.value)">
<option value=''>Select a car</option>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<?php
        foreach ($automerken as $automerk)
        {

          echo '<option value='. $automerk .'>'. $automerk .'</option>';
        }

      ?>

</select>
</form>
<br />
<div id="txtHint">Hier verschijnt een tweede selectie veld.</div>

</body>
</html>


getcar.php

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
$car
=$_GET["car"];

//Hieronder normaal gesproken db connectie, db selectie, querie etc

//Mogelijke resultaten queries

$modellenAudi = array(A3, A4, A5);
$modellenVW = array(Golf, Scirocco, Tiguan);

//Mogelijke querie resultaten teruggeven in nieuwe selectielijst
echo '<select name = "carModel">
<option value = "">Select a model</option>'
;

if ($car == 'audi')
{

  foreach ($modellenAudi as $modelAudi)
  {

    echo '<option value = '. $modelAudi .'>'. $modelAudi .'</option>';
  }
}

elseif ($car == 'vw')
{

  foreach ($modellenVW as $modelVW)
  {

    echo '<option value = '. $modelVW .'>'. $modelVW .'</option>';
  }          
}

echo '</select>';

?>
Gewijzigd op 30/08/2010 10:19:34 door Tom Tom
 
Marco V

Marco V

22/11/2010 20:42:13
Quote Anchor link
Ik heb een mooie beschrijving gevonden bij w3schools, ik vraag me echter af... kan je dit ook combineren?

Ik probeer een selectiebox "Klanten" / "Leveranciers" te maken, afhankelijk van welke radiobutton wordt geklikt. So far so good.

Vervolgens wil ik nu de contactpersonen bij het gekozen bedrijf (een leverancier of klant staan in een aparte tabel, de bijbehorende contactpersonen idem.) weergeven in een tweede selectiebox.

Kort samengevat: Radiobutton (Klant of Leverancier) > Dynamische selectiebox (Bedrijven) > Dynamische selectiebox (Contactpersonen)

Simpel gedacht, heb ik geprobeerd om het onchange event toe te voegen aan de eerste selectiebox die ik creeer, maar dit lijkt niet te werken!? Iemand tips? Ik zoek me suf naar een werkend voorbeeld.
Gewijzigd op 22/11/2010 20:49:24 door Marco V
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.