Select gegevens uit JQuery variabele

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Belastingdienst - Freelance Senior Applicatie ontw

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 6 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Functieomschrijving: We verwachten van je, dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Ervaring hebt met Agile/Scrum-werken en je thuis voelt in een Agile omgeving; Een aandeel levert aan het scrumproces en in de SAFe-releasetrain; Zelfstandig werkt in een scrumteam en intensief de samenwerking op zoekt met je directe collega’s en je omgeving; Ervaring meebrengt met het schattten en inplannen van taken tot en met het testen en demonstreren van de opgeleverde functionaliteit; Collega’s in je

Bekijk vacature »

Medior Java developer

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 »

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 »

Senior Front-end developer (React)

Functie Met een ontwikkelafdeling van ruim 20 collega’s is dit zo ongeveer de helft van alle medewerkers. De software(ontwikkeling) is dan ook de drijvende kracht binnen de organisatie. Ze werken aan het verbeteren dan de bestaande, maar zeker ook nieuwe producten. De software bestaat uit verschillende (React) webapplicaties, maar ook een mobile (React native) app. Hierdoor kom je met verschillende uitdagingen in aanraking en is Mobile kennis natuurlijk mooi meegenomen. De software wordt door vele duizenden professionals dagelijks gebruikt en bevatten grote hoeveelheden data. Aan het team de uitdaging om hierin de best mogelijke gebruiksvriendelijkheid neer te zetten door gebruik

Bekijk vacature »

Front-end Angular developer

Functie In jouw rol als Front-End developer werk je samen met de backend developers om middels tweewekelijkse sprints het platform naar een hoger niveau te tillen. Hiernaast heb je affiniteit met data en werk je graag samen met het team om de gegevensintegriteit en -beveiliging te waarborgen, om ervoor te zorgen dat de gebruiker wereldwijd de beste SaaS-services heeft. Deze organisatie heeft meer dan 100 mensen in dienst, waarvan er 45 in Nederland werken. Het ontwikkelteam bestaat uit 10 mensen en is verdeeld in 2 scrumteams. Het eerste team bestaat uit Java en Scala ontwikkelaars. Het tweede team, waar jij

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 »

Front-end developer Consultancy in teamverband wer

Functie Het team bestaat uit User Experience designers, Data Scientists en Software Engineers. Momenteel zijn ze op zoek naar een ervaren Front-end of Fullstack developer die samen met de consultants aan de slag gaat om de business requirements te vertalen naar technische oplossingen. Los van het finetunen van extenties, help je bij het configureren van bijvoorbeeld een mobiel bankieren app. Hierin ben je van A tot Z betrokken en zie je bijvoorbeeld ook toe op de uitvoering van testen. Je expertise wordt optimaal benut en je krijgt verschillende kansen om deze uit te breiden door met verschillende innovatieve technologieën aan

Bekijk vacature »

Software Developer (Junior functie)

Functieomschrijving Wij zijn op zoek naar een Software Developer! Sta jij in de startblokken om je carrière te beginnen en kan je niet wachten om toffe software te gaan ontwikkelen? Kortom, ben je onlangs afgestudeerd of sta je op het punt om je papiertje te behalen? Voor een IT dienstverlener dat gespecialiseerd is in Microsoft technologie zijn wij op zoek naar C#.NET Developers. Het bedrijf heeft meerdere klanten in regio Utrecht waar je permanent kan komen te werken. Kom je liever te werken bij een klein softwarebedrijf of bij een groot consultancy bureau? Dat is helemaal aan jou de keuze!

Bekijk vacature »

Cloud Engineer

Ben jij een ervaren Cloud Engineer die complexe omgevingen kan overzien en wil je graag in vaste dienst werken bij een professioneel en kleinschalig bedrijf waar je een belangrijke rol kan spelen? Wij, IntelliMagic in Leiden, ontwikkelen specialistische IT monitoring software die we als SaaS oplossing verkopen aan grote bedrijven in Europa en de VS. We zijn een Nederlands bedrijf met een goede sfeer en met grote waardering voor de persoonlijke inbreng en kwaliteiten van onze medewerkers. Wij zoeken een ervaren Cloud Engineer met academisch denkniveau die verantwoordelijk wordt voor het beheer van de cloud infrastructuur voor onze Europese klanten.

Bekijk vacature »

Backend Developer PHP Laravel SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Backend Guild. Hier ga je werken Voor een snel groeiend bedrijf, in de regio Nieuw Vennep, zijn wij opzoek naar een ervaren Backend Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een

Bekijk vacature »

.NET developer

Functie Als developer heb jij de keuze om aan te sluiten bij het team (13 developers) die op locatie projectmatig bij klanten werkt. Wanneer jij liever intern bij de werkgever werkt is er ook alle ruimte voor jou in het interne team (8 developers) van dit bedrijf. Je werkt samen aan verschillende projecten bij of voor de klant. Het project wordt aangeleverd door sales aan de project manager. Die maakt samen met de Resourcer een planning en op basis daarvan wordt uit het development team een “projectgroep” opgesteld. Hoeveel en welke projecten jij wilt oppakken gebeurt geheel in samenspraak met

Bekijk vacature »

Back-end .NET Developer

Functie omschrijving C# / .NET Developer gezocht voor een dynamische organisatie in de regio Houten! Voor een leuke organisatie in de regio Houten zijn wij op zoek naar een Back-end developer die klaar is voor een nieuwe uitdaging. In deze functie werk jij aan verschillende projecten en ga je vaak bij klanten op bezoek. Binnen deze functie kun je een grote mate van uitdaging, diversiteit en verantwoordelijkheid treffen. Bedrijfsprofiel Waar ga je werken? Het bedrijf waar je gaat werken is gespecialiseerd in het ontwerpen en implementeren van procesautomatisering en procesinformatisering. Zij doen dit onder andere voor de (petro)chemie, pharma, infra,

Bekijk vacature »

Senior PHP developer

Functie Als Senior PHP developer heb je een sterke mening over de architectuur van projecten en de processen binnen het team. Je bent de sparringpartner voor je Team Lead. Ook ondersteun je met jouw kennis de minder ervaren developers in jouw team. Ze werken regelmatig aan projecten vanaf scratch en dit geeft ruimte om voor nieuwe technieken te kiezen. Naast het ontwikkelen van software ben je continue bezig om ook jezelf te ontwikkelen. Ze werken met o.a.: PHP, Laravel, Doctrine, PHP Unit, Behat, React, TypeScript, (My)SQL, Postgress, Redis, ElasticSearch, Docker, Nginx, GIT flow, JIRA, AWS. Eisen • HBO werk- en

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiële producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

.NET Developer

Dit ga je doen Binnen het team bouw je aan een applicatie met andere .Net Developers, testers een Product Owner en een Business Analyst. Met het team wordt de backlog besproken. In overleg claim jij jouw deel en zorgt ervoor dat onderhoud en innovatie wordt gerealiseerd. Het project dat momenteel draait is het opgraden van de omgeving. Doorontwikkelen van de huidige applicatie; Overleggen met teamleden om de backlog te verdelen; Onderhouden van de huidige omgeving; Sparren met de business en het ophalen van nieuwe requirements. Hier ga je werken De organisatie is een van de grootste landelijke aanbieder van diverse

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

27/09/2023 19:57:40
 
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.