Select gegevens uit JQuery variabele

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

Software Developer / .NET / Azure

Dit ga je doen Als Lead .NET Software Developer zal je je bezig houden met: Het vertalen van bedrijfswensen naar een technische roadmap; Uitwerken van nieuwe architectuur / designs; Het team aansturen en motiveren; Toezien op de kwaliteit van de code; Mee ontwikkelen van nieuwe features en applicaties. Hier ga je werken Deze organisatie is op dit momenteel marktleider in het ontwikkelen van productielijnen voor de voedselindustrie en heeft een wereldwijd klantnetwerk. Binnen deze organisatie is het team van software developers dagelijks bezig met het ontwikkelen van maatwerk oplossingen om alle productiemachines aan te sturen, maar ook bedrijf kritische applicaties

Bekijk vacature »

Fullstack developer (NodeJS, React, AWS)

Functie Als Fullstack developer kom je te werken in het ontwikkelteam, maar zoals gezegd komt er veel meer bij kijken dan alleen maar ontwikkelen. Je bent samen met je collega’s continu bezig om de software uit te breiden maar hiernaast doe je doorlopend onderzoek naar de inzet van bijvoorbeeld Machine Learning. Ze willen met hun software echt voorlopen op andere en toegevoegde waarde leveren voor de eindgebruiker. Mede hierom zijn ze erg benieuwd naar iemand zijn persoonlijkheid, of hij graag nieuwe dingen uitzoekt (Google!), en initiatief neemt. Maar waar staan ze nu? Na een onderzoeksfase van ruim een jaar zijn

Bekijk vacature »

.NET Developer Shared Driving

Bedrijfsomschrijving Onze klant richt zich op het toegankelijker maken van steden, een fantastisch mooi streven. Hoe ze dat doen? Met eigen ontwikkelde software, waarmee vervoersmiddelen gedeeld kunnen worden. Deze inspirerende werkgever maakt een maatschappelijke impact en dat doen ze nu al zo'n 25 jaar! Het bedrijf is gevestigd in het centrum van Rotterdam en kent ongeveer zo'n 90 medewerkers. Het personeel is lekker gewoon gebleven! Iedereen kleedt zich zoals hij of zij dat zou willen en de sfeer is er erg fijn. Een leuke werkgever om voor te werken, en bovendien zijn er voor jou als Software Developer veel mooie

Bekijk vacature »

IoT Software Developer PHP

Functie omschrijving Voor een klein softwarebedrijf in Breda, zijn wij op zoek naar een IoT software developer met kennis van PHP. In deze rol wordt je verantwoordelijk voor het vernieuwen van het multimedia platform van een super tof bedrijf in Breda. Je gebruikt PHP als programmeerlaag, en bent in staat om de helicopterview te pakken / projectmatig te werken. Jouw werkzaamheden zien er als volgt uit: Je gaat aan de slag met de ontwikkeling en vernieuwing van het "intern" ontwikkelde multimedia platform. Je neemt de lead in het moderniseren van het platform door het deels opnieuw op te zetten of

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Senior front end developer Digital Agency Amsterda

Functie Wij werken in multidisciplinaire teams aan verschillende projecten, echter blijf je niet gebonden aan 1 team. Dit houdt in dat wij verschillende specialisten in dienst hebben en deze door middel van een roulatiesysteem in multidisciplinaire teams laten werken. Het team bestaat vaak uit Frontend developer(s), Backend Developer(s), Designer(s), Tester(s) en Mobile Developer(s). Deze teams worden afgewisseld waardoor jij de mogelijkheid krijgt om met iedereen een keer samen te werken. Als Frontend Developer ben jij ónze Specialist op dit gebied. Jij werkt mee aan verschillende projecten voor verschillende klanten. Denk bijvoorbeeld aan klanten, zoals’; BAM, IDFA en Ultimaker. Hierbij zorg

Bekijk vacature »

Full Stack PHP Developer

Functieomschrijving Ervaren PHP Developer gezocht! Wij zijn op zoek naar een ervaren PHP Developer die het IT team van een organisatie in de regio Ermelo gaat versterken. Voor deze functie zijn we op zoek naar een enthousiaste en breed georiënteerde IT-er die deze innovatieve organisatie nog een stap verder gaat brengen. Wij zijn op zoek naar iemand die communicatief goed is en die zelfstandig problemen op kan lossen. Je bent verantwoordelijk voor het samenwerken met een externe partij het is hierbij jouw taak om deze partij uit te dagen op het geleverde werk. Het schrijven van concepten aan de AI

Bekijk vacature »

Java Full Stack Developer

Java Full Stack developer What makes Cognizant a unique place to work? The combination of rapid growth and an international and innovative environment! This is creating a lot of opportunities for people like YOU — people with an entrepreneurial spirit who want to make a difference in this world. At Cognizant, together with your colleagues from all around the world, you will collaborate on creating solutions for the world's leading companies and help them become more flexible, more innovative and successful. And this is your chance to be part of the success story: we are looking for a (Senior) Java

Bekijk vacature »

Front-end (Angular) developer - remote werken

Functie Als Front-end (Angular) developer ga je aan de slag met het uitbouwen van hun webapplicatie, als één van de front-end experts ga je samen met collega’s in een devops team werken aan een nieuw front-end voor hun calculatie oplossing. Binnen de calculatiesoftware kunnen meerdere professionals tegelijk samenwerken, 3D calculaties uitvoeren en ook inzien met de benodigde specifieke details. Deze software wordt veel ingezet om projectbeschrijvingen en kosten in kaart te brengen, en tijdens de uitvoering te bewaken. Maar hiernaast liggen er in de toekomst veel meer plannen op het gebied van front-end in de andere applicaties. Genoeg te doen

Bekijk vacature »

Softwareontwikkelaar Cleopatra

Functieomschrijving: De directie Verkeer en Openbare ruimte van de gemeente Amsterdam beschikt over een softwareapplicatie, "Cleopatra", waarmee geautomatiseerde handhaving plaatsvindt (op basis van kentekenherkenning) van bepaalde gebieden waarin toegangseisen worden gesteld aan het verkeer. Voorbeelden ervan zijn de milieuzones, de zone zwaar verkeer, handhaving van bromen snorfietser op het fietspad en autoluwe gebieden. Voor de doorontwikkeling en uitbreiding ervan zijn gespecialiseerde softwareontwikkelaars nodig die helpen bij het programmeren van de handhavingsmodules voor nieuwe gebieden en het verbeteren en bijwerken van de bestaande onderdelen van de softwareapplicatie.De opdracht bestaat uit: het programmeren van de diverse modules;het tijdens demo's tonen van de

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 »

PHP Developer (junior functie)

Functie omschrijving Ben jij een starter en wil je werken bij een jong en leuk bedrijf? Lees dan verder! Wij zijn op zoek naar een PHP Developer binnen een junior functie. Binnen dit bedrijf gaat het om persoonlijke aandacht en ontwikkeling! Je komt te werken voor een leuk communicatiebureau die alles op het gebied van online en offline communicatie doet. Dit doen zij voor verschillende branches, waardoor je aan diverse soorten projecten mag werken, dit maakt deze baan erg leuk! Daarbij werk je aan een door hun zelf ontwikkeld framework welke goed leesbaar is. Je maakt voor bedrijven op maat

Bekijk vacature »

C# Unity Developer

Functieomschrijving Ontwikkel jij mee door applicaties te bouwen die bijdragen aan het optimaliseren van processen? Voor een erkende werkgever in regio Tilburg zijn wij op zoek naar een Unity C# Developer die graag de uitdaging aangaat! Jouw werkzaamheden zullen er als volgt uitzien: Je bent een luisterend oor naar klanten en vertaalt hun wensen door naar bruikbare software; Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van processen; Je bent verantwoordelijk voor het uitvoeren van updates/aanpassingen aan de reeds draaiende applicaties. Bedrijfsprofiel Je komt te werken voor een internationale werkgever in regio Tilburg. Samen met een vooruitstrevend team

Bekijk vacature »

Front-end developer (React)

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »
Olivier Peeters

Olivier Peeters

16/01/2013 14:21:32
Quote Anchor link
Hallo allen,

ik zit hier met een probleem, waarschijnlijk is de oplossing even eenvoudig als de vraag, maar ik kom er niet uit :|
Ik heb op een webpagina een autocomplete staan, met heel wat mogelijke gegevens (variabele availableTags). Bij implementatie werkt dit perfect.

Nu ik wil daarnaast ook een button maken, waarmee men kan doorgaan.
Bedoeling is dat indien men hierop klikt, de id geselecteerd word.

Stel dus ik vul in "Ami Bia", dan moet uit de variabele availableTags de bijhorende id (5094301) geselecteerd worden.

Hieronde het script van de auto-complete, welke werkt.


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
     $(function() {
        var availableTags = [
             {
                            label: "Ami Bia",
                            value: "2002-02-04",
                            id: "5094301"
                            },{
                            label: "An Lae",
                            value: "2002-07-14",
                            id: "5055975"
                            },...*KNIP*
                            *KNIP*...,{
                            label: "Wa Ze",
                            value: "2003-05-16",
                            id: "5074982"
                            },  
        ];
        $( "#tags" ).autocomplete({
            minLength: 2,
            source: availableTags,
            focus: function( event, ui ) { return false; },
            select: function( event, ui ) {
                $( "#tags" ).val( ui.item.label );
                $( "#results").text(ui.item.id);
                $.post("post-gegevens.php", { lifenummer: ui.item.id }, function(data) {
                    $('#stap2').append(data);
                    $(".stap2").show("slow");
                    $(".stap1").hide("slow");
                });
            return false;
        }
    });        
    });


Hieronder het basisscript van de drukknop, maar deze is dus nog onvolledig
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
$('.Submitstap1').click(function() {        
            var gegevens = $("#ui-id-1").text();
                    $.post("post-gegevens.php", { naam : gegevens }, function(data) {
                        $('#stap2').append(data);
                        $(".stap2").show("slow");
                        $(".stap1").hide("slow");
                    })
        return false;
    });
   });  


Hopelijk helpen jullie me verder met dit probleem, want geen enkele website op het wereldwijde web kon me helpen....

Alvast bedankt!

* edit: Code-tags aangepast
** Alle code's die gepost zijn, werken op mijn localhost, dus moest er toevallig een ;/)/} ontbreken, ligt het aan mijn copy/paste kwaliteiten ;--
Gewijzigd op 16/01/2013 14:29:21 door Olivier Peeters
 
PHP hulp

PHP hulp

11/07/2025 07:19:37
 
Kris Peeters

Kris Peeters

16/01/2013 15:16:37
Quote Anchor link
In stap 1 zet je de id in <div id="results">.
Daar kan je ze ook opnieuw lezen, bij het klikken op de knop.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
      $('.Submitstap1').click(function() {    
        var gegevens = $("#ui-id-1").text();
        $.post(
          "post-gegevens.php",
          {
            naam : gegevens,
            lifenummer: $("#results").text()
          },
...
 
Olivier Peeters

Olivier Peeters

16/01/2013 15:24:55
Quote Anchor link
Hallo Kris,
als ik dit test werkt dit niet ($_POST[lifenummer] = ""). Ik denk dat de results enkel gevuld wordt indien men klikt op de autocomplete-lijst....

Allezinds, het zal op een andere manier moeten dus :-(
 
Kris Peeters

Kris Peeters

16/01/2013 15:37:14
Quote Anchor link
Olivier Peeters op 16/01/2013 15:24:55:
... Ik denk dat de results enkel gevuld wordt indien men klikt op de autocomplete-lijst ...


Wel ja.
Eerst wordt een item van de lijst geselecteerd.
Dan komt dat resultaat in een div (of iets anders...)
Die waarde in de div wordt gelezen

Uiteraard betekent dit dat de gebruiker eerst een item van de autocomplete lijst moet selecteren.

Zie jij dit anders?
Of anders snap ik niet precies wat je laatste probleem is.
 
Olivier Peeters

Olivier Peeters

16/01/2013 15:57:18
Quote Anchor link
Bedoeling is dat naast de naam te selecteren (en aan te klikken) uit de lijst, men ook gewoon de naam kan typen (dus ZONDER selecteren).

En bij klikken moet dan uit de Jquery array de juiste lifenumemr (id dus) geselecteerd worden.
Snap jae (of is het nog steeds onduidelijk)?
 
Kris Peeters

Kris Peeters

16/01/2013 16:27:59
Quote Anchor link
Okay,

De gebruiker typt exact iets wat in de lijst staat, maar klikt niet op het item.
Je wil dan toch de id hebben (alsof de gebruiker wel had geklikt).

Indien de gebruiker iets typt dat niet exact overeen komt met een item, moet er geen id worden doorgestuurd.

Is dit de bedoeling?

---

Iets anders:
Wanneer de gebruiker een item aanklikt, ga je de id onmiddellijk doorsturen.
Blijft dit de bedoeling?

In dat geval zou het dus niet de bedoeling zijn dat de gebruiker nog op de knop kan drukken; anders wordt die id mogelijks twee keer doorgestuurd.

---

Zie ik het nu juist?
 
Olivier Peeters

Olivier Peeters

19/01/2013 10:45:38
Quote Anchor link
Hallo Kris,

het 1e deel klopt.

Inderdaad, als er geklikt wordt op een item zal er eveneens doorgestuurd worden. Maar ik het de functie zodanig gemaakt de dat knop verdwijnt (& disabled) vanzodra er iets word doorgestuurd. Men zou dus, theoretisch , maar een keer gegevens kunnen doorsturen.

Vriendelijke groeten,
Olivier Peeters
 
Frank Nietbelangrijk

Frank Nietbelangrijk

19/01/2013 13:42:51
Quote Anchor link
Hallo Olivier,

JQueryUI autocomplete zal zelf alleen het id updaten als er met de muis op een option geklikt wordt. (of met de pijltjes toetsen en dan enter of met tab)

bij de api staan echter een aantal option methodes beschreven waarmee je volgens mij je doel kunt bereiken.

dit is de url:

http://api.jqueryui.com/autocomplete/#method-option

Ik denk dat je deze method zult moeten aanroepen nadat de gebruiker op de button klikt en alvorens het formulier verder te verzenden/af te handelen.

Groet Frank
Gewijzigd op 19/01/2013 13:45:17 door Frank Nietbelangrijk
 
Olivier Peeters

Olivier Peeters

23/01/2013 09:33:24
Quote Anchor link
Beste Frank,

van harte dank voor jou hulp, maar ik ben niet zo vertrouwd met al die APi's. Heb hier vroeger ook neit veel van begrepen, dus ik weet echt niet hoe dit te begrijpen/toe te passen.

Heb ook al wat gegoogled maar dat helpt echt niet (*).

Alvast bedankt

Vriendelijke groeten,
Olivier Peeters
(*) Ik heb al enkele dingen geprobeerd, niets werkte. Hopelijk kom ik niet over als iemand die iets voorgekauwd moet krijgen, maar gewoon een hulp om te starten is al voldoende? =)
 



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.