jQuery Select box namaken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java Developer/Consultant

JAVA Developer/Consultant – JAVA / Spring / DevOps / Scrum / Kanban Net binnen, JAVA developer/consultant voor een ambitieuze organisatie in Flevoland. • Medior / senior level Java developer • Centrale kantoor locatie op 5 minuten afstand van het statio • JAVA / Spring / DevOps / CI-CD / KanbanScrum / Agile • Goed salaris - €30.000-€70.000-, op basis van ervaring, en winstdeling • Reageer door te bellen met 020-8004990 of mail naar gerjan.hofland@searchability.com Deze organisatie is gespecialiseerd in software-ontwikkeling met Java en webtechnologie en werkt met klanten uit de MKB en de top 100 van bedrijven in Nederland! Bron:

Bekijk vacature »

Oracle Consultants/Ontwikkelaars gezocht!

Bedrijfsomschrijving Voor mijn klant ben ik op zoek naar Oracle consultants/ontwikkelaars. Deze organisatie is gevestigd in Gorinchem en al ruim 20 jaar gespecialiseerd om complexe Oracle vraagstukken op te lossen bij diverse klanten door heel Nederland. Je krijgt hier ook de mogelijkheid om je verder te ontwikkelen, zo hebben ze bijvoorbeeld een eigen interne opleidingscentrum. Ze profileren zich ook als een intelligente club met werknemers die het vak echt begrijpen. Daarnaast kenmerkt de organisatie zich als collegiaal, motiverend met een informele cultuur. Functieomschrijving Binnen deze functie word je ingezet op uitdagende complexe Oracle vraagstukken bij diverse klanten. De klanten variëren

Bekijk vacature »

Medior PHP Developer voor online solutions

Functieomschrijving Jij gaat als PHP developer een belangrijke bijdrage leveren aan het systeem. Jij gaat actief meedenken aan innovaties die het systeem naar een hoger plan gaat tillen. Deze innovaties ga je vervolgens implementeren en daar komt veel verantwoordelijkheid en vrijheid bij kijken. Ze zoeken iemand met een aantal jaren ervaring die zelfstandig aan de slag kan gaan die dezelfde ambitie en skills deelt om het succes verder uit te bouwen. Jij gaat hier voornamelijk werken aan de Back-end maar zal ook wel wat Front-end werkzaamheden op gaan pakken. Zoek je een functie waarbij je veel zelfstandigheid krijgt en aan

Bekijk vacature »

PHP voor bekende eindklanten!

Bedrijfsomschrijving Onze klant is een top-werkgever voor PHP developers in de regio Eindhoven. Het is een hele mooie organisaties om bij te werken met arbeidsvoorwaarden die je niet snel elders zult treffen. Bij dit bedrijf gaan ze met elkaar steeds voor kwaliteit en alle medewerkers krijgen diverse keren per jaar aanvullende trainingen. Het betreft een interne baan (geen detachering) en ze werken voor aansprekende en bekende bedrijven. Sommige van die bekende bedrijven zijn al jaren trouwe klanten en die bedrijven leunen sterk op de hier ontwikkelde applicaties. Functieomschrijving Je gaat met je team werken aan PHP applicaties voor professionele en

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

.NET Developer / C# / miljarden berichten / Zorgse

Bedrijfsomschrijving werken bij een organisatie waar je met het volgende in aanraking komt: High-intensity dataverkeer, meer dan 2,7 miljard berichten per jaar; Development aan .NET applicaties die maandelijks miljoenen euro's verwerken; Salaris als developer tot bijna 70.000 euro op jaarbasis; Geen partij in de omgeving van Tilburg die zo'n complex .NET applicatielandschap heeft; Werken aan meer dan 50 diensten, verdeeld over 10 Scrum teams; Focus op o.a.: C# en ASP.NET in een Agile organisatie; Elk kwartaal een week lang verplicht met nieuwe technieken/tooling werken; Meer dan 40 ervaren .NET ontwikkelaars als collega's; Mogelijkheid om 32 of 36 uur te gaan

Bekijk vacature »

Ervaren Microsoft Access Developer

Het team van Mr. Access is op zoek naar een nieuwe collega. Een Microsoft Access-specialist. En dan het liefst iemand met ruime ervaring* in het opzetten van tabellenstructuren en het programmeren van gebruiksvriendelijke interfaces. We trekken de komende 4 weken uit voor het ontvangen en beoordelen van sollicitaties. Daarna maken we een keuze. Het is de bedoeling dat je dan ergens in december 2020 aan de slag gaat. Over de functie Je kunt uiteraard lezen en schrijven met Microsoft Access. Een tabellenstructuur opzetten, formulieren bouwen, queries ontwerpen, slimme code schrijven in VBA, het is voor jou allemaal gesneden koek. Verder

Bekijk vacature »

OutSystems Developer Gloednieuw Applicatiehuis

Bedrijfsomschrijving 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 de komende periode is het verder vernieuwen en optimaliseren van het huidige applicatielandschap. Zo staat de organisatie aan de vooravond van de implementatie van een gloednieuw applicatiehuis, waar OutSystems een belangrijke rol in speelt. Binnen deze rol word je als OutSystems Developer verantwoordelijk voor de ontwikkeling van uiteenlopende applicaties met OutSystems. Om het nieuwe applicatiehuis te implementeren

Bekijk vacature »

Backend Developer

Freelance/interim Java Backend Developer gezocht Wij zoeken een freelance/interim Backend Developer voor een opdracht in de IT in Amsterdam: * Startdatum: asap * Projectduur: 3 maanden * Uren per week: 36-40 * Locatie: Remote Jouw impact als Backend Developer Wat breng je mee als Backend Developer? * 4 jaar werkervaring als Backend Developer * Ervaring met Java * Kennis van Spring Boot * Sterke Engelse en Nederlandse communicatieve Klinkt dit veelbelovend? Solliciteer nu online of mail 📧 c.bastelaar[at]huxley.com direct voor meer informatie over deze opdracht of een vergelijkbare uitdaging in de IT-sector Werken via Huxley De geavanceerde STEM professional van

Bekijk vacature »

Java Developer / Redesign / Complex / Overheid

Bedrijfsomschrijving Bij deze overheidsinstantie zal je terecht komen in een DevOps team van 5 man/vrouw groot. 4 daarvan houden zich bezig met het (door)ontwikkelen van de applicaties en 1 iemand is verantwoordelijk voor het testwerk. Echter, doordat ze steeds meer geautomatiseerd testen en richting CI/CD willen gaan, zal jij je daar ook zeker mee gaan bemoeien! Zoals gezegd kom je in een erg complexe omgeving terecht. Dit heeft voornamelijk te maken met het feit dat je met diverse Europese lidstaten en veel verschillende componenten te maken hebt. Dit maakt het daardoor erg uitdagend, maar niet minder leuk! Daarnaast zijn zij

Bekijk vacature »

.NET developer / C# / MySQL Database

.NET developer / C# / MySQL Database regio Doetinchem Functieomschrijving Ben jij een .NET ontwikkelaar die aan de slag wil gaan als .NET developer, maar ook veel te maken wil hebben met de klant? Dan ben je bij deze innovatieve, vooruitstrevende en internationaal georiënteerde organisatie in de regio Doetinchem aan het juiste adres. Je krijgt hier de mogenlijkheid om een creatief team versterken. Spreekt dit je aan reageer dan snel op deze volgende stap in jouw carriere! Jouw meest voorkomende werkzaamheden zijn: Het vertalen van wensen vanuit de business naar .NET oplossingen. Dit betekent dat je of bestaande modules gaat

Bekijk vacature »

.NET Developer C# Web-development

Bedrijfsomschrijving Onze klant levert kwaliteitsdienst binnen zijn sector, het niveau van de Nederlandse sector is internationaal bekend! De organisatie richt zich op het waarborgen van deze kwaliteit en voorziet een groot aantal klanten in het MKB van jaarlijkse keuringen. Je komt te werken binnen een team van ongeveer 10 medewerkers waarbij de focus ligt op de doorontwikkeling en het implementeren van oplossingen in het applicatielandschap. Binnen deze organisatie werken ze met diverse Scrum/Agile teams, het is dan ook belangrijk dat je ervaring hebt met deze werkwijze en het leuk vindt om op deze manier te werk te gaan. Het betreft

Bekijk vacature »

React Native Developer

Mobile Developer - 40 hours Are you a mobile or front-end developer and are looking to work on great (social) projects that matter? Are you looking to extend your skillset, develop ground-breaking software and work together with a great people in small teams? Are you interested in using the latest technologies and dive deeper into the world of Blockchain and Artificial Intelligence? Our respected client, is challenging the status quo by using blockchain technology and artificial intelligence is looking for an experienced Mobile Developer. Your impact as Mobile Developer You have an impact on the inhouse developed applications as part

Bekijk vacature »

Senior Software Developer

Maak jij de cloud oplossing van Sigmax klaar voor opschaling? Zij zoeken een Senior Software Developer Functie omschrijving Zie jij het als een uitdaging om onze cloudoplossing verder door te ontwikkelen, waarbij security, usability en het schaalbaar houden van de oplossing tot je primaire takenpakket hoort? Met andere woorden ben jij in staat om samen met het softwareteam onze cloudoplossing gereed te maken voor opschaling naar meer dan 1000 klanten, zonder dat ons softwareteam daarvoor verder hoeft uit te breiden? Als Senior Software Developer ga jij je bezighouden met ASP.NET MVC, een N-Tier architectuur, SQL Server, multi-tenant, multi-language en encryptie.

Bekijk vacature »

Senior Java software developer

AddSecure is one of the leading companies in Europe within secured, critical communication in several vertical segments. Our rapid growth is organic, as well as acquisitive, and today we have business in 13 countries. Now we are looking for senior JAVA developer to our vertical segment Smart Transport in Gorinchem (NL). Within Smart Transport, we offer flexible and scalable solutions for the entire order-to-cash process (O2C). Our customers can automatically collect, aggregate and enrich transport and logistics data. In addition we help them maximize their precision, predictability, transparency and delivery planning, while minimizing their costs and emission levels. About the

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

27/10/2020 10:21:50
 
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.