Meerdere "live" selectie velden

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Python (Django) developer - Remote in The Netherla

Functie Together with your team, consisting of a senior, 2 mediors and one junior developer, you will work on their software in an Agile-based approach. You have an eye for quality, risk, and customer interest. Communication with your colleagues and, where necessary, with customers, plays an important role in achieving a successful result. As a person, you are smart, get things done, and are result-oriented. There is a lot of independence within the development team, apart from the stand-up (10:00 am) and occasional pair-programming sessions. Techniques they use include Python, Django, MySQL, Mercurial, Ubuntu Linux, Nginx. In terms of front-end

Bekijk vacature »

Software developer (PHP) - Utrecht centrum

Functie Ieder onderdeel van de software draait op aparte servers en het bestaat dus echt uit verschillende componenten. Het team bestaat uit 4 developers, een klein team dus met korte lijnen. Alles in intern ontwikkeld en je werkt aan alle facetten. Van uitbreiding van de core tot maatwerk voor de klant. Ook liggen er verschillende uitdagingen op servervlak en databases. Je zult de eerste periode veel samenwerken met de lead developer om vervolgens echt je gang te gaan binnen de software. In het team streven ze naast de hoogst haalbare kwaliteit. Hiervoor werken ze nauw met elkaar samen en levert

Bekijk vacature »

Software Developer PHP JavaScript Python HBO SQL

Samengevat: Wij zijn een softwarebedrijf voor Autodealers. Ben jij een Medior of Senior Software Developer? Heb je ervaring met PHP, JavaScript of Python? Vaste baan: Java.Developer Software HBO €3.000 - €5.200 Bij ons op de werkvloer is er een positieve en informele sfeer. Naast een goede begeleiding en een enthousiaste klantenkring biedt deze werkgever een prettige omgeving met zeer afwisselende werkzaamheden. Houd jij van aanpakken en denk je dat je deze uitdaging aankunt? Dan zoeken wij jou! Zij werken voor grote klanten. Zij doen omvangrijke projecten die we bij deze werkgever op kantoor realiseren (geen detachering). Zij werken met state-of-the-art

Bekijk vacature »

C#.NET developer

Functieomschrijving Wij zijn op zoek naar een gepassioneerde Full Stack C#.NET Software Developer. Als Software Developer ben je verantwoordelijk voor het ontwikkelen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere ontwikkelaars en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Testen en valideren van de ontwikkelde software. Ontwikkelen en onderhouden van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je gaat aan de slag met diverse technologieën en frameworks. Denk hierbij aan C#, JS frameworks, HTML, CSS, TypeScript,

Bekijk vacature »

.Net ontwikkelaars voor de zorgsector

Bedrijfsomschrijving Voor onze klant in de omgeving van Zwolle zijn wij op zoek naar een ervaren .Net ontwikkelaar, bij voorkeur met ervaring binnen de belangrijkste sector van Nederland, namelijk: de zorgsector. Deze internationale organisatie ontwikkelt software voor de zorgsector. Er werken zo'n 25 medewerkers hard aan een oplossing die gebruikt wordt door heel Nederland. Er heerst een informele sfeer waarbij er altijd ruimte is voor een grapje. Je collega's zijn stuk voor stuk sterke ontwikkelaars vanuit verschillende achtergronden en met verschillende leeftijden. Je komt hier terecht in een organisatie die zich hard inzet om de zorgsector te verbeteren. De mogelijkheden

Bekijk vacature »

Back-end developer (Magento2)

Functie E-commerce is een ‘’snelle’’ wereld. Om hierin continu voorop te blijven omarmen ze in een vroeg stadium nieuwe technieken. Een webshop is nooit af en kan altijd beter, sneller en efficiënter. Tegelijkertijd hebben ze vanaf hun oprichting altijd vastgehouden aan kwaliteit boven snelheid, en dit loont. Als back-end developer fungeer je als het verlengstuk van hun klanten. Technisch complexe zaken pak je met liefde op, en hierin werk je samen met o.a. front-end developers en designers. Klanten verwacht hierin kwaliteit van het hoogste niveau en een proactieve, meedenkende rol bij het maken van zowel technische als strategische keuzes. Ga

Bekijk vacature »

Medior Java 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 »

Front-end developer (Angular)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »

Software Ontwikkelaar PHP

Functie omschrijving Full Stack Software Ontwikkelaar gezocht! Voor een bedrijf in de regio van Ermelo zijn wij op zoek naar een Software Ontwikkelaar die gaat bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van SaaS applicatie van dit bedrijf. Hierbij ga jij voor- en samenwerken met de klanten van de organisatie, het is hierbij dus van groot belang dat je communicatief vaardig bent en dat je beschikt over beheersing van zowel de Nederlandse als Engelse taal. Bedrijfsprofiel Waar ga je werken? Altijd al in een echt familiebedrijf willen werken? Dan is dit je kans! Het bedrijf waar je komt te

Bekijk vacature »

Ervaren C#.NET developer

Functieomschrijving We zijn op zoek naar een ervaren C#.NET programmeur voor een moderne werkgever in de regio Prinsenbeek. Als programmeur zal je bezig zijn met het ontwikkelen van op maat gemaakte webapplicaties voor verschillende klanten, waarbij je ervoor zorgt dat complexe processen zo goed mogelijk worden ondersteund. Je takenpakket omvat onder andere: Werken met databases en dataopslagoplossingen, implementeren van beveiligingsoplossingen en het waarborgen van de beveiliging van applicaties en gegevens, evenals het schrijven van technische documentatie en gebruikershandleidingen. Het ontwikkelen en onderhouden van C#.NET-applicaties. Bijdragen aan het ontwerp en de architectuur van softwaretoepassingen. Het schrijven van hoogwaardige en herbruikbare codes.

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus 2023 bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET developer begint jouw dag na een bak koffie met een stand up. De vorderingen worden tijdens de stand up besproken en de doelen worden opgesteld waar jullie als team in de volgende sprint naartoe gaan werken. Onze backend is geschreven in .NET Core en onze Front-end in Angular. Bij ons ga jij dan ook Fullstack aan de slag. Jij wordt hier opgeleid om zelfstandig te kunnen programmeren en applicaties te kunnen implementeren. Er wordt op projectbasis gewerkt, dit bied leuke uitdagingen omdat elke klant een andere visie heeft over de applicatie die wij maken. Je gaat

Bekijk vacature »

Technical Asset Specialist Substations

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 Technical Asset Specialist for substations (onshore and offshore) at our location in Arnhem who will contribute to this and that might be you? Your contribution to TenneT We are searching for a motivated and engaged colleague as a technical asset specialist (onshore and offshore) for instrument transformers and surge arresters, with preferably a strong background in the area of insulation coordination. As a specialist for insulation coordination you are responsible for overarching topics regarding insultation

Bekijk vacature »

Software Ontwikkelaar

Functieomschrijving In deze uitdagende functie als Software Developer ga je de volgende taken uitvoeren: Maatwerk back-end software programmeren; API koppelingen bouwen; Software optimaliseren voor klanten; Bouwen maatwerk applicaties; Werken met Microsoft stack zoals C#, .NET (Core) en Entity framework; Bedrijfsprofiel Je gaat werken bij een klein softwareontwikkelingsbureau, die maatwerk software bouwt voor klanten door heel Nederland. Dit doen zij al meer dan 20 jaar. Het is van oorsprong een familiebedrijf, opgezet door de eigenaar, die er nog steeds werkt. Het team bestaat vooral uit back-end developers en één systeembeheerder. Je krijgt veel kans om jezelf te ontwikkelen en krijgt tevens

Bekijk vacature »

Embedded Developer C++

Functie omschrijving Ben jij op zoek naar een leuke uitdaging als Embedded Developer, zoek dan niet verder! Voor een leuke opdrachtgever in omgeving Rotterdam zijn wij op zoek naar een Embedded Developer die graag met Embedded Devices werkt. Je zult verantwoordelijk worden voor het ontwikkelen en onderhouden van diverse producten. Jouw specialisatie ligt op het vlak van software, hardware en back-end. Dit bedrijf is gespecialiseerd in het ontwerpen van software voor een unieke industrie. Wil jij betrokken worden bij een proces dat loopt van ontwikkeling tot installatie? Waarbij je bezig zult zijn met perfecte systemen die geleverd worden aan binnen

Bekijk vacature »
Sander Z

Sander Z

26/07/2013 11:28:52
Quote Anchor link
Ik heb op het internet al gezocht maar dan vond ik meer dropdowns die "live" updaten of dat je van selectie 1 naar 2 naar 3 moet gaan. Maw ondanks zoeken vond IK niet wat ik nodig heb.

Wat zoek ik.
Voor een uitgebreide filtering op een grote data set heb ik bv 4 of 5 <select></select>
Deze worden altijd volledig gevult met alle beschikbare opties. Nu wil ik dat als iemand in bv selectie veld 3 een optie aanvinkt alle andere selectie velden alleen nog de opties weergeven die mogelijk zijn. Als dan de gebruiker in selectie veld 1 een selectie maakt moeten weer alle andere velden zich updaten met de resterende beschikbare opties (is dus een extra filtering)

Hopelijk leg ik goed uit wat ik bedoel. Zo niet geef het aan probeer ik het nog eens.

Wie kan mij (op weg) helpen?
 
PHP hulp

PHP hulp

18/02/2025 13:57:07
 
Kris Peeters

Kris Peeters

26/07/2013 11:46:57
Quote Anchor link
Geef een aantal concrete voorbeelden van die data. Waarover gaat het?
Sander Z op 26/07/2013 11:28:52:
als iemand in bv selectie veld 3 een optie aanvinkt alle andere selectie velden alleen nog de opties weergeven die mogelijk zijn


Hoe weet ik in "select 4" welke opties moeten verdwijnen mogen blijven in select 3?

bv. coctails: als rum niet geselecteerd is, moet Mojito verdwijnen ...

---

Trouwens; kan elke <select> elke andere select aanpassen? Heeft select 1 zowel een effect op select 3 als select 3 op select 1?

Of zijn er bv. 4 filter selects, en 1 resultaat?
Gewijzigd op 26/07/2013 12:17:11 door Kris Peeters
 
Sander Z

Sander Z

26/07/2013 12:32:38
Quote Anchor link
De data komt allemaal uit een database mbv SQL.
Qua inhoud:
In selectie 1 staan bv landen
In selectie 2 plaatsen
In selectie 3 winkels

Bij een "verse" start:
Klik ik in selectie 1 op Nederland dan zou ik bij selectie 2 en 3 dus alleen nog de plaatsen en winkels moeten overhouden die in nederland zijn. Klik ik daarna in selectie3 op Hema, dan verdwijnen in selectie 1 alle landen waar geen Hema is en in selectie 2 alle plaatsen waar geen Hema is.

Het moet (bij verse start) nog wel mogelijk blijven om in selectie 1 bv nederland en belgie en duitsland aan te vinken. En als dit gebeurt is (eigenlijk dus per aanzetten van vink) zouden alle andere selectie velden zich moetn updaten.

Hopelijk zo al weer iets duidelijker
 
Kris Peeters

Kris Peeters

26/07/2013 12:48:55
Quote Anchor link
Okay, dat moest ik horen.
Dus van grof naar verfijnd. Het selecteren van een select heeft dus enkel invloed op de volgende selects, niet de vorige.


Kijk, hier een soort preview van het effect.
Dit is ongeveer waar het naartoe moet.

Ik vertrek nu wel op festival en ben dus een paar dagen niet beschikbaar.

Je kan dit copy/pasten in een leeg bestand...
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset=utf-8>
    <title>Live select</title>
  </head>
  <body>
    
    <select class="live_select" id="alcohol" name="alcohol">
      <option value="">---</option>
      <option value="vodka">Vodka</option>
      <option value="rum">Rum</option>
      <option value="gin">Gin</option>
    </select>
    
    <select class="live_select" id="coctail" name="coctail">
      <option value="">---</option>
      <option value="mojito" data-alcohol="rum">Mojito</option>
      <option value="screwdriver" data-alcohol="vodka">Screwdriver</option>
      <option value="gin-fizz" data-alcohol="gin">Gin Fizz</option>
      <option value="white-russian" data-alcohol="vodka">White Russian</option>
    </select>
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
      // cashen van de elementen
      var select_elements = $('.live_select');
      var all_options = $('.live_select option');
      // events
      select_elements.change(function(e) {
        var select = $(this);    // = de select waar de gebruiker een optie heeft gekozen
        var value = select.val(); // value van de option.
        var select_name = select.attr('name');
        // die combinatie van gegevens gebruiken we nu voor de filter.  bv. we kozen alcohol -> rum.  =>  dan zoeken we naar 'data-alcohol="rum"'
        // we gaan alle options overlopen.  bv. Indien data-alcohol aanwezig is, gaan we die option uitschakelen tenzij die data-alcohol "rum" is
        all_options.css({'display': 'block'});  // voorlopig.  eerst alles terug zetten
        all_options.each(function(index) {
          var data = all_options.eq(index).data(select_name);
          if (data) {
            if (data == value) {
              all_options.eq(index).css({'display': 'block'});
            }
            else {
              all_options.eq(index).css({'display': 'none'});
            }
          }
        });
        
      });
    })
    </script>
  </body>
</html>
Gewijzigd op 26/07/2013 12:49:41 door Kris Peeters
 
Sander Z

Sander Z

26/07/2013 13:13:43
Quote Anchor link
Ik ga even met je code stoeien. I'll be back.

Toevoeging op 26/07/2013 13:18:26:

Mijn fout...
Ten eerste moet het van links naar rechts, maar ook van rechts naar links en alle andere mogelijke manieren werken.
En het gaat om checkboxes. Ik gaf het zelf compleet verkeerd aan. Dus een rij checkboxes voor de landen, een rij voor de plaatsen en een rij voor de winkels.

Dus check ik een plaats aan, dan zal de rij met landen en de rij met winkels zich moeten aanpassen.

Sorry voor mijn onduidelijkheid.
Gewijzigd op 26/07/2013 13:22:03 door Sander Z
 
Kris Peeters

Kris Peeters

29/07/2013 10:55:14
Quote Anchor link
Dat is al meteen een heel ander verhaal.
 
Sander Z

Sander Z

29/07/2013 11:57:53
Quote Anchor link
Ja dat begreep ik al. En wordt er ook niet makkelijker op... Als het mogelijk is!?
 



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.