jQuery Select box namaken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java Software Developer / SaaS platform / greenfie

2021-06-01 iSense Java Software Developer / SaaS platform / greenfield Ben jij een junior / medior Java Developer die klaar is voor een nieuwe uitdaging? Lijkt het jou tof om een volledig greenfield SaaS platform op te gaan zetten bij een gevestigd bedrijf? Dan is dit dé vacature voor jou! ISMO49027 Organisatie Onze klant, een innovatief bedrijf met een gevestigde naam op het gebied van industriële automatisering, wil een nieuw product gaan lanceren. Dit wordt een SaaS oplossing waarbij klanten hun hele bedrijf kunnen monitoren en dat goed samenwerkt met de automatiseringsoplossingen die geboden worden. Het is dus een volledig

Bekijk vacature »

Servicedesk medewerker

Servicedesk medewerker (m/v) voor 32-40 uur per week Jouw werkzaamheden als medewerker servicedesk Je bent verantwoordelijk voor het aannemen van meldingen, het correct doorvragen en analyseren van het probleem en voor het oplossen daarvan. Daarnaast begeleid je tweedelijns support bij vragen die niet meteen beantwoord kunnen worden. Waarom werken bij Tetra? Je werkt in een leuk team en je wordt intensief begeleid om je kennis en vaardigheden verder te ontwikkelen. Je ontwikkelt een persoonlijke band met onze klanten. Jouw creativiteit bij het oplossen van problemen is belangrijk: doordat ons product complex is zijn voor veel problemen geen standaardoplossingen beschikbaar. Ben

Bekijk vacature »

Tech Lead Application Developer

UPS is looking for a Tech Lead Application Developer For our Europe development center in Eindhoven we’re looking for an Application Tech Lead that is able to work on enterprise type applications deployed across the world. As a tech lead at UPS you work on enabling the delivery of functionality for highly complex IT Systems. More than 500,000 UPSers move goods, capital and information across the world and deliver over 22 million items to their destinations every day. And our IT Systems make sure this can be done as efficient as possible. What You’ll Do You collaborate with internal customers

Bekijk vacature »

.NET ontwikkelaar / Azure @ Utrecht

2021-04-26 iSense .NET ontwikkelaar / Azure Ben jij een ervaren .NET Developer die na al die jaren programmeren nog steeds niets liever doet dan programmeren in .NET en heb jij daarnaast al de nodige kennis in Azure opgedaan? Lees dan snel verder! ISKL48621 Organisatie Als onderdeel van een grote IT-dienstverlener is deze organisatie nu gegroeid tot een organisatie van bijna 30 man groot. Iedereen binnen deze organisatie houdt zich bezig met het ontwikkelen, beheren, onderhouden van bedrijfskritische applicaties. De organisatie ontwikkelt applicaties voor o.a. diverse grote zorgverzekeraars, maar ook de wat kleinere lokale bedrijven worden door deze organisatie ondersteund. In

Bekijk vacature »

Software Developer / PHP @ regio Eindhoven

2020-12-17 iSense Software Developer / PHP Ligt jouw passie bij software development en wil jij graag werken met collega's die dit ook hebben? Ligt jouw focus op PHP en werk jij graag met nieuwe technieken? Dan is deze vacature iets voor jou! ISDR48359 Organisatie Voor een organisatie in regio Eindhoven zijn wij op zoek naar een Software Developer met goede kennis van PHP. Het gaat om een software bedrijf dat te omschrijven is als informeel en open. De mensen die er werken zijn enthousiast, willen graag goede kwaliteit neerzetten, nieuwe technieken worden omarmt en alles is zo ingericht dat nieuwe

Bekijk vacature »

Full Stack Java Developer

Functieomschrijving Met jouw expertise zorg je als java developer voor de meest plezierige en efficiënte klant ervaring. Met jouw state-of-the-art-systemen verbeter je onze business en maak je echt impact! Want als je in ons tech team werkt, houd je jezelf en Nederland in beweging. Wij zijn continu bezig onze business en processen te optimaliseren, zodat we onze klanten en kandidaten meer gemak, snelheid en transparantie kunnen bieden. Impactvolle tech, daar doen we het voor. Artificial intelligence, machine learning en innovatieve zoek oplossingen. Zoek oplossingen? Yes! Solliciteren moet makkelijk en leuk zijn. Toch? Daar kan jij aan bijdragen! wat ga je

Bekijk vacature »

Java Engineer

At Accenture Technology we are dedicated to support our global Engineering community. Are you into application, middleware and infrastructure technologies and daydreaming about the next step in your career? Get in touch with us via the apply now button. Java Engineer 32-40 hours per week Your job The Engineering practice includes our most experienced and talented resources with a broad skillset. Our experts specialize in modern front-end, back-end and cloud technology stacks available in the market. Moreover, as the world of IT is rapidly changing, our highly skilled and motivated Agile/DevOps practitioners are in the spotlight. With a strong focus

Bekijk vacature »

PHP Developer / Symfony / Vue.js @ Lelystad

2021-03-31 iSense PHP Developer Symfony Vue.js Ben jij een gedreven PHP Developer en lijkt het jou leuk om te werken aan diverse projecten t.b.v. het vergroten van klant- en medewerkerbeleving? Lees dan snel verder! ISPE47632-2 Organisatie Betreffende organisatie is gevestigd in de regio van Lelystad en is al ruim 20 jaar lang bedreven in het ontwikkelen en aanbieden van diverse communicatiemiddelen aan de consumentenmarkt. Hierin staan innovatie, optimale klantbeleving en een passie voor technologie centraal. Ruim 100 medewerkers staan dagelijks klaar om te zorgen voor een optimale klantbeleving en optimalisatie van het aanbod. Om diverse businessprocessen binnen de organisatie vloeiend

Bekijk vacature »

Senior Applicatieontwikkelaar

UPS zoekt een Senior Applicatieontwikkelaar *Thuiswerken is mogelijk voor deze functie Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

.Net ontwikkelaars gezocht in omgeving Zwolle

Bedrijfsomschrijving Onze opdrachtgever staat al jaren bekend als één van de meest innovatieve organisaties van de regio. Vanuit hun kantoor in de buurt van Zwolle bouwen ze aan complexe projecten. Zo hebben ze een applicatie gebouwd waarbij de schade aan gebouwen en wegen na een natuurramp goed in kaart gebracht kan worden. Met die informatie kunnen verzekeraars en overheidsinstanties beter hun werk doen. Binnen de organisatie heeft iedereen de neuzen de zelfde kant op staan. Er ligt een sterke focus op het werken volgens de laatste trends en technologieën. Functieomschrijving Binnen je functie ben je verantwoordelijk voor de technische ontwikkeling

Bekijk vacature »

Tech Lead Application Developer

UPS is looking for a Tech Lead Application Developer For our Europe development center in Eindhoven we’re looking for an Application Tech Lead that is able to work on enterprise type applications deployed across the world. As a tech lead at UPS you work on enabling the delivery of functionality for highly complex IT Systems. More than 500,000 UPSers move goods, capital and information across the world and deliver over 22 million items to their destinations every day. And our IT Systems make sure this can be done as efficient as possible. What You’ll Do You collaborate with internal customers

Bekijk vacature »

OutSystems Developer @ Hilversum

2021-03-30 iSense OutSystems Developer Heb jij als OutSystems Developer ruime ervaring met het ontwikkelen van diverse applicaties? Lijkt het jou gaaf om aan de vooravond te staan van de implementatie van een volledig nieuw applicatiehuis? Wil jij aan de slag binnen een uitdagende omgeving waarbij je de mogelijkheid krijgt jezelf verder te ontwikkelen? Lees snel verder! ISKO47620 Organisatie 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, bestaande uit standaard- en maatwerkapplicaties. De maatwerkapplicaties worden ontwikkeld door een inhouse development team. Het doel voor

Bekijk vacature »

Fullstack ontwikkelaar @ Delft

2020-12-23 iSense Fullstack ontwikkelaar Ben jij een ervaren Fullstack ontwikkelaar? Heb je daarbij ervaring op het gebied van Javascript en .Net Core? Lees dan verder! ISAC48652 Nieuw Organisatie Bij het accepteren van dit aanbod kom je terecht binnen een veelzijdige organisatie waar een goede sfeer hangt. Zij zijn gewend dagelijks met elkaar te lunchen en ruimte is voor een potje Mario. Als Fullstack ontwikkelaar ga je je op projectbasis bezighouden met het ontwikkelen van content voor diverse opdrachtgevers. De projecten waar je aan gaat werken zullen verschillende qua omvang. Hierbij kan je rekening houden met een gemiddelde doorlooptijd van een

Bekijk vacature »

IT Support & Operations – Region Central

We are now hiring an IT Support & Operations employee to our Region Central (Netherlands, France & Belgium). To learn more about the role, scroll down and and read more! This isn't a conventional car company. We're a new global brand that focuses on the need of the connected generation, sustainability, and a hassle-free customer experience. IT Support & Operations – Region Central Lynk & Co is seeking an IT Support & Operations employee to Region Central (Netherlands, France and Belgium). You will be responsible to support Business departments with day-to-day IT support tasks as well as managing the partners

Bekijk vacature »
Dennis Mertens

Dennis Mertens

08/04/2009 14:43:00
Quote Anchor link
Hallo PHPHulpers,

Eer gisteren kwam ik op het idee om een select box met jQuery te maken. Het is al aardig gelukt.

Je kan al een optie selecteren, en deze kan worden mee verzonden met een formulier. Maar ik wil niet het land mee verzenden maar het ID zeg maar.

Ik weet alleen niet waar ik deze moet plaatsen, en hoe ik deze dan vervolgens moet pakken.

Een voorbeeld en de code staat hieronder.

jQuery Select box
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
<html>
<head>
<title>jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#selectBox').click(function(){
        $('#selectItems').slideToggle();
        $('#selectBox').html('Selecteer je land');
    });

    $('#selectItems li').click(function(){
        $('#selectItems').slideToggle();
        $('#selectBox').html($(this).html());
        $('#country').val($(this).html())
    });
});
</script>
<style type="text/css">
#selectBox
{
    border: 1px solid black;
    width: 130px;
    cursor: pointer;
}

#selectItems
{
    list-style-type: none;
    border: 1px solid black;
    width: 130px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    display: none;
    background: #fff;
    cursor: pointer;
    margin: -1px 0 0 5px;
}
#selectItems a
{
    display: block;
}
</style>
</head>
<body>

Belgie
<form method="post">

<div id="selectBox">Selecteer je land</div>
    <ul id="selectItems">
        <li>Belgie</li>
        <li>Nederland</li>
    </ul>

Hier weer verder geack<br />
    <input type="hidden" id="country" name="country" />
    <input type="submit" />
</form>

</body>
</html>


Alvast bedankt,
Dennis Mertens
Gewijzigd op 01/01/1970 01:00:00 door Dennis Mertens
 
PHP hulp

PHP hulp

14/06/2021 14:50:22
 
Wesley Overdijk

wesley Overdijk

08/04/2009 14:52:00
Quote Anchor link
Ik heb geen idee. al wil ik wel zeggen dat ik dit best stoer vind. :P

ik denk wss.... als je op een land klikt dat je de value een id moet maken voor de submit? donno, dan word er iig een id gesubmit en geen naam
 
Dennis Mertens

Dennis Mertens

08/04/2009 14:53:00
Quote Anchor link
Ik bedenk net dat in in die li even ene span ga zetten ofzo :)

Hey, mare dit heb ik zelf gemaakt, dus toestemming vragen hae ;)
 
Dennis Mertens

Dennis Mertens

09/04/2009 09:38:00
Quote Anchor link
Quote:
Stiekem een bump


Niet op kunnen lossen met een span. Iemand enig idee? :)
 
Dutch Caffeine

Dutch Caffeine

09/04/2009 09:51:00
Quote Anchor link
Heey Dennis,

Ik heb een misschien wel de oplossing voor jou idee!

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
<html>
<head>
<title>jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#selectBox').click(function(){
        $('#selectItems').slideToggle();
        $('#selectBox').html('Selecteer je land');
    });

    $('#selectItems li').click(function(){
        $('#selectItems').slideToggle();
        $('#selectBox').html($(this).html());
        $('#country').attr('value', $(this).attr('rel'));
    });
    
    $('#test').click(function() {
        $("#selected").html("U heeft de volgende item gekozen: " + $("#country").attr('value'));
        
        // Don't let the browser send any form to an other script.
        return false;
    });
});
</script>
<style type="text/css">
#selectBox
{
    border: 1px solid black;
    width: 130px;
    cursor: pointer;
}

#selectItems
{
    list-style-type: none;
    border: 1px solid black;
    width: 130px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    display: none;
    background: #fff;
    cursor: pointer;
    margin: -1px 0 0 5px;
}
#selectItems a
{
    display: block;
}
</style>
</head>
<body>

<div id="selected"><!-- void --></div>
<form method="post">

<div id="selectBox">Selecteer je land</div>
    <ul id="selectItems">
        <li rel="BG">Belgie</li>
        <li rel="NL">Nederland</li>
    </ul>

Hier weer verder geack<br />
    <input type="hidden" id="country" name="country" />
    <input type="submit" id="test" />
</form>

</body>
</html>


Hoop dat het wat helpt.
 
Dennis Mertens

Dennis Mertens

09/04/2009 10:13:00
Quote Anchor link
Ik was net op jQuery aan het kijken bij die attribuut opties. Thanks, dit zocht ik ;)

Nu verder met het multiple maken ;)

Dank u 8)
 
Dutch Caffeine

Dutch Caffeine

09/04/2009 10:36:00
Quote Anchor link
Geen dank dennis.

Ik denk enkel dat het niet (x)html valid is. Heb het namelijk niet gecheckt.
 
Dennis Mertens

Dennis Mertens

09/04/2009 10:38:00
Quote Anchor link
Agja, shit happens dan. Het gaat bij mij om dit stukje om de functionaliteit. Als dit eenmaal goed werkt, kan ik altijd nog kijken naar een andere oplossing...

En ik las ergens dat li de attribuut value heeft gehad, en dat het (nog) niet 'verboden' is, deze attributen te gebruiken.
 
Dutch Caffeine

Dutch Caffeine

09/04/2009 10:44:00
Quote Anchor link
Ik heb net de html gevalideerd, en ik krijg daar een error dat de rel attribuut niet in een li tag bestaat.
 
Dennis Mertens

Dennis Mertens

09/04/2009 11:15:00
Quote Anchor link
Ik heb van rel value gemaakt. Dat is wel goed. Tot zover ik het zie.
 
Dutch Caffeine

Dutch Caffeine

09/04/2009 15:58:00
Quote Anchor link
Het zou wel leuk zijn om hiervan een jQuery plugin te maken!

Ik ga er eens over nadenken
 
Dennis Mertens

Dennis Mertens

09/04/2009 16:04:00
Quote Anchor link
Nou, ik heb al een jQuery plugin gezien hier voor. Alleen die vond ik niet geweldig :)
 
Onbekend Onbekend

Onbekend Onbekend

09/04/2009 18:06:00
 
Niek Weevers

Niek Weevers

09/04/2009 19:00:00
Quote Anchor link
Op het werk hebben we ook al zo'n functie gemaakt.
Deze zou je dan nog iets moeten verbouwen
http://www.sportmatch.nl/productie/cases/
 



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.