jQuery Select box namaken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior OutSystems Developer / International enviro

Bedrijfsomschrijving For our international client based in Eindhoven area, we are looking for a senior OutSystems Developer. This company is a listed company with offices and plants all over the world. The company offers great experiences and exposure with people from different and unique cultures. They describe themselves as an innovative, professional and sustainable firm. Their goal is to provide for the generations to come. As Outsystems Developer you will be working in an international environment with approximately 15 direct colleagues, consisting of developers, integration specialists and application engineers. This Applications team is a very close and hard working team,

Bekijk vacature »

Lead Full Stack Developer / Mobile Apps / C# / Rea

Bedrijfsomschrijving Als Full Stack developer kom je te werken bij een organisatie in regio Ede die gespecialiseerd is in het ontwikkelen en implementeren van software. Zo hebben ze een eigen ontwikkelde applicaties in de markt gezet voor de agrarische sector die internationaal zeer succesvol is en waar grote vraag naar is. Door deze software worden klanten op een slimme manier ondersteund bij voorraden, administratie, het maken van planningen en nog veel meer. De laatste tijd neemt de vraag naar mobile applicaties toe die klanten real time van de correcte informatie voorzien en het mogelijk maken om onder andere data registraties

Bekijk vacature »

.Net Developer - Game Development - .Net Core/Micr

Voor een informele en hechte club nabij Leiden zoek ik ivm uitbreiding en groei van het bedrijf en de games een .Net C# Developer voor het ontwikkelen (en spelen!) van internationaal succesvolle games. De afgelopen jaren is dit bedrijf verdubbeld van 29 naar 58 man, waarvan 23 developers en blijft maar groeien. Hun games (iOS en Android) worden dagelijks door miljoenen internationale gebruikers gespeeld en dit aantal blijft maar groeien. Door dit succes blijft ook de organisatie groeien waarvoor zij 2 developers zoeken. Je bent samen met je multidisciplinair DevOps Scrum teamteam verantwoordelijk voor de gehele SDLC van de bestaande

Bekijk vacature »

Senior Product Software Developer (Java)

We are looking for an experienced Java Developer to join our multidisciplinary, international (DevOps) team to create top-notch online services, driven by state-of-the-art software for our professional customers worldwide. As a Wolters Kluwer Software Engineer you will create our digital solutions by working with the latest technologies. You are a key member of a geographically distributed development team working on various digital platforms and tools. The role As the Java Developer you will work in a multidisciplinary, international team (DevOps). The primary focus of the team is to develop the Content Management System (CMS) on the basis of Continuous Integration

Bekijk vacature »

Leiden centraal zoekt PHP developer

Bedrijfsomschrijving Deze fullservice internet organisatie zoekt een PHP developer die ruime ervaring heeft met frameworks. Ze bouwen hier webapps voor verschillende branches waaronder non-profit organisaties en verenigingen. Het is een frisse, jonge en dynamische organisatie die diverse mooie klanten heeft in verschillende branches. De projecten waar je aan werkt eisen hoge kwaliteit op zowel technisch als creatief vlak. 90% van de projecten is maatwerk en die vragen dan ook allemaal een andere aanpak. Met welke technieken en hoe je het project gaat aanvliegen bepaal jij samen met het team en de klant. De klant heeft een wens die jij gaat

Bekijk vacature »

Ervaren .NET C# ontwikkelaar, inhouse, complex maa

Ben je als ervaren ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een ervaren .NET C# ontwikkelaar. De organisatie richt zich op innovatieve en complexe maatwerk systemen met een maatschappelijke raakvlak. Hierbij moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen uiteenlopend zijn en het is maar net wat

Bekijk vacature »

Gezocht/Looking for: Senior .NET Developer - Rotte

Due to extensive growht of our client we are currently searching for a Senior Dot.Net Software Developer. This is for one of our clients in the digital data transformation domain. Vacature Details/ Vacancy Details Contract type: Fixed term contract Start datum/ Date of Joining: immediate (work from home during Covid-19 period at least untill Q2 2021) Werkervaring/experience required: Minimum of 6 years experience in a similar role (must have) Understanding of Azure DevOps (must have) Experienced in Agile/Scrum software development Deep understanding of C#, .NET, .NET Core, REST, Azure services(must have) Experience with Kubernetes or Azure Service Fabric Database knowledge

Bekijk vacature »

E-mail Developer

Als E-mail Developer laat je Coolblue er in elke mailbox goed uit zien. Hoe word ik E-mail Developer bij Coolblue? Kan jij met jouw technische ervaring en skills de vetste emails coderen? Weet jij daarnaast alle laatste snufjes op het gebied van email en kan je niet wachten deze te delen met onze campagne specialisten? Dan is deze functie iets voor jou! Wil jij E-mail Developer worden bij Coolblue? Annelotte legt je uit hoe je dat doet. Dit vind je leuk om te doen Het ontwikkelen van vette e-mails door gestructureerde HTML en CSS te schrijven in een snel tempo.

Bekijk vacature »

.NET backend developer, afwisselende projecten, ve

Voor een detacheerder in de regio Rotterdam zijn we op zoek naar een ervaren .NET developer. Het bedrijf bestaat uit circa 100 medewerkers waarvan 10 .NET developers. Dit zijn voornamelijk senior .NET developers. Omdat je via deze werkgever gedetacheerd wordt bij hun klanten, is werk afhankelijk van de opdracht waar je terechtkomt. Dit kan zijn bij een grote verzekeraar maar ook een bouwbedrijf of gemeente. Niet alleen betekent dit om de zoveel tijd (bijvoorbeeld 1 jaar) een nieuwe technische uitdaging maar ook een nieuwe omgeving waarin je terecht komt. Naast de afwisseling in je werk biedt dit bedrijf uitstekende opleidingsmogelijkheden.

Bekijk vacature »

DevOps Engineer Welkomstbonus € 5.000,-

DevOps Engineer senior Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder DevOps en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van € 5.000,-. Er werken leuke mensen bij T2, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de nieuwste technieken

Bekijk vacature »

.NET Core Developer C# Kubernetes

Bedrijfsomschrijving Voor een toffe organisatie in de regio Den Haag zijn wij opzoek naar een .NET Core Developer die kennis en ervaring heeft met Kubernetes. Het betreft een innovatieve organisatie waar ze werken met de nieuwste tools en technieken. Het softwareplatform zal je verder ontwikkelen, optimaliseren en werken aan nieuwe projecten en features. Binnen het DevOps-team werk je nauw samen met jouw directe collega's en samen werken jullie iedere dag aan het naar een nog hoger niveau tillen van het softwareplatform. Functieomschrijving Ben jij een .NET Core Developer en wil je werken binnen een hele toffe en innovatieve omgeving? Heb

Bekijk vacature »

Software Developer

Bedrijfsomschrijving Onze klant is een mooie en innovatieve multinational in de regio Utrecht. Ze staan bekend om de hoge kwaliteit van dienstverlening en streven ernaar dit continu te verbeteren. Om dit te kunnen doen zijn zij opzoek naar een Software Developer. Als Software Developer ga je aan de slag met het ontwikkelen van bedrijfskritische software en applicaties. Zo zijn er applicaties en software die van belang zijn voor de bedrijfsvoering, de medewerkers van de organisatie, maar ook voor het klantenbestand van de organisatie. Het landschap is zowel functioneel als technisch en daarmee erg breed. Je komt te werken in een

Bekijk vacature »

Powercenter ontwikkelaar

Voor een klant zoek ik een Powercenter ontwikkelaar met minimaal 5 jaar ervaring. De klant is bezig met een niet (big)data platform dus als je daar ooit in betrokken bent geweest dan helpt dat enorm. Algemeen: - vanaf 32 uur - Utrecht (thuiswerken) - Nederlandstalig - 6 maanden contract met optie tot verlenging Ben jij een ETL ontwikkelaar en heb je vaak met Powercenter gewerkt? Stuur mij even een berichtje!

Bekijk vacature »

Front-End Developer

Wil je als Front-End Developer aan de slag? Ben je toe aan een nieuwe uitdaging met afwisseling en zelfstandigheid in een zelfsturend team dat verantwoordelijk is voor de bedienings-apps van het klimaat in gebouwen en in kassen? De klant heeft aan ambitie geen gebrek en wilt baanbrekend zijn binnen hun segment. Hoe zij dit willen doen? Daar vertel ik je graag meer over in een persoonlijk gesprek. Je werkt als Front-End Developer samen met Product Owners, Architecten, (Embedded) Software Ontwikkelaars, Support medewerkers en Test Engineers aan de ontwikkeling van onze producten. Als Front-End Developer ben je in staat om met

Bekijk vacature »

Medior PHP developer

Ben jij nu of op korte termijn beschikbaar voor een nieuwe freelance PHP klus? Neem dan contact met mij op. Ik zoek voor een klant naar een freelance PHP back-end ontwikkelaar. Wensen vanuit klant: - Ervaren back-end PHP ontwikkelaar - SQL kennis - Ervaring met webservices oriented architectuur Algemene informatie: - Start: voorkeur per direct - Uren: bij voorkeur 40 uur - Locatie kantoor: Amersfoort - Remote: momenteel volledig remote, zal later ook deels mogelijk blijven. Heb jij interesse en wil je meer weten over deze klant? Laat een reactie achter met jouw meest recente cv + uurtarief. Alvast bedankt!

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

05/12/2020 04:22:35
 
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.