Jquery select option toevoegen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Lead Developer Webapplicaties

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij helpen bedrijven digitaliseren met weboplossingen en bedrijfsdoelstellingen te behalen met online marketing. Ben jij een lead developer? Heb je ervaring met het ontwikkelen van websites en applicaties in WordPress en/of Laravel? Vaste baan: Lead Developer Webapplicaties JavaScript 4.000 - 5.200 Lead Developer Als creatief digitaal bureau maken wij websites en softwareapplicaties op maat. Ook complexere projecten gaan we niet uit de weg. Zij werken voor MKB klanten. Deze werkgever heeft veel verschillende projecten. Houd jij van afwisseling? Dan

Bekijk vacature »

Front-end Developer

Angular Front-end Developers Technologiebedrijf gespecialiseerd in (Cloud-native) software-development, consultancy en training. AWS Select Consulting Partner en Microsoft Azure Gold Partner. Wij werken voor opdrachtgevers in de sectoren FinTech, HealthTech, Retail, Industrie en Overheid, dus variatie gegarandeerd! Wat maakt ons uniek? Onze focus op (Cloud-native) software-development in combinatie met onze persoonlijke benadering van werknemers en opdrachtevers, onze no-nonsense cultuur en de bijna onbeperkte ontwikkelingsmogelijkheden. Wij zijn op zoek naar Angular Front-end Developers met creativiteit en ervaring in front-end en mobile web-ontwikkeling. Je werkt vanuit onze vestigingen in Amsterdam, Apeldoorn, Eindhoven of Hengelo aan aansprekende projecten. Op zoek naar een zelfsturende en

Bekijk vacature »

PHP Developer Scrum

Over de werkgever: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een grote muziekwinkel. Ben jij een enthousiaste PHP-developer? Heb je kennis van Symfony? Vaste baan: PHP Developer Scrum Symphony 2.600 - 3.800 PHP Developer Deze werkgever is de grootste online muziekwinkel van de Benelux, en de toekomstig grootste muziek-winkel van Europa. Met honderdduizenden pakketten die jaarlijks verstuurd worden en miljoenen unieke bezoekers per jaar zijn zij marktleider in de Benelux op het gebied van licht, geluid, muziekinstrumenten, produceer- en DJ-gear. Deze werkgever heeft enkel gepassioneerde en

Bekijk vacature »

Software Ontwikkelaar Zorg

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij ontwikkelen medische apps. Ben jij een ambitieuze Software Developer? Heb je kennis van PHP en Laravel? Vaste baan: Software Ontwikkelaar Zorg Laravel 2.400 - 3.700 Software Engineer Deze werkgever is een mobiele app ontwikkelaar die uitsluitend applicaties ontwikkelt in de zorgsector. Zij bieden jouw verschillende doorgroeimogelijkheden. Daarnaast werken we op een mooie werkplek met een leuke werksfeer. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken

Bekijk vacature »

E Solutions Developer BizTalk Productiebedrijf

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een belangrijke producent van bouwproducten Ben jij een E-Solutions Developer? Heb jij ervaring als E-Solutions Developer? Vaste baan: E Solutions Developer BizTalk Productiebedrijf HBO 3.000 - 4.300 E Solutions Developer Deze werkgever is een groot internationaal bedrijf. Wij ontwikkelen producten op gebied van raambekleding / zonwering. Ben jij toe aan een nieuwe uitdaging? Wil jij graag meewerken aan het ontwikkelen van hoogstaande kwalitatieve producten? zij kennen een open en prettige bedrijfscultuur. Naast het ontwikkelen

Bekijk vacature »

Ervaren Frontend Developer JavaScript Zorgapplicat

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever levert softwareoplossingen voor verschillende zorgmarkten. Ben jij een Front-end Developer? Heb je veel ervaring met Javascript? Vaste baan: Sr Front End Developer Zorgapplicaties Javascript 3.000 - 4.500 Ervaren Front End Developer Ons bedrijf draagt met onze software bij aan de verdere verbetering van de revalidatiezorg in Nederland. Zij werken voor grote klanten. Zij doen omvangrijke projecten die we bij deze werkgever op kantoor realiseren (geen detachering). Zij werken met state-of-the-art technologie en lopen daarin voorop. Wil

Bekijk vacature »

Senior Full Stack Developer Software

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een ICT-bedrijf. Ben jij een Senior Full Stack Developer? Heb jij ervaring met zowel front end als back end? Vaste baan: Senior Full Stack Developer Software Java 3.500 - 4.700 Senior Full Stack Developer Wij ontwikkelen eigen softwareproduct, waarmee bedrijven makkelijk de urenregistratie van medewerkers kan vastleggen en vandaar uit kan factureren. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor

Bekijk vacature »

Android (mobile) Developer met JAVA in de regio Al

Bedrijfsomschrijving Mobile Development en Ops Engineering gaan hand in hand bij deze organisatie dat een hoog verantwoordelijkheidsgevoel draagt. Als organisatie ontwikkelt zij dan ook veelal mobiele applicaties ter inspiratie en ondersteuning van belangrijke sectoren in Nederland. Met het technische team van gepassioneerde developers en engineers voeren ze dagelijks veelal diverse, inspirerende en complexe werkzaamheden uit. Door gebruik van innovatieve software en de nieuwste platformen binnen de sector is deze klant dan ook zeker als vooruitstrevend te betitelen waar zijn enorm veel waarde aan hecht. De organisatie is momenteel zeer succesvol en zet mooie stappen richting de toekomst en daarom kunnen

Bekijk vacature »

Senior Full Stack Java Developer

Functieomschrijving Ben jij een ervaren Full Stack Java Developer en op zoek naar een internationale, creatieve en innovatieve omgeving? Wil jij werken aan een klanten portaal, waarbij de verschillende diensten vanuit de business via het web portaal worden geleverd aan de klanten van Randstad Groep Nederland? Bij Randstad Groep Nederland (HQ) zijn we op zoek naar jou! Wij zijn op zoek naar een Full Stack Java Developer die per direct ons interne team komt versterken. Full Stack Java Development bij Randstad Groep Nederland (HQ) Jij werkt in het Online Client Solutions team. Dit team werkt samen met de product owner

Bekijk vacature »

Frontend Developer JavaScript

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij maken software voor partners. Wil jij werken als Frontend Developer? Heb jij ervaring met JavaScript PHP/MySQL/Laravel? Vaste baan: Frontend Developer JavaScript HTML 3.200 - 4.200 Frontend Developer Wij ontwikkelen en bieden diensten aan op het gebied van IT- en multimediaoplossingen. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Jouw werkzaamheden als Frontend Developer JavaScript: Voor de vacature als Frontend Developer Hilversum HTML ga

Bekijk vacature »

C++ Ontwikkelaar Software Game Media

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij creëren operationele efficiëntie in de industrie voor zwaar materieel en goederenbehandeling. Ben jij geschikt als C++ Developer? Heb je ervaring met Visual Studio? Vaste baan: C++ Ontwikkelaar Software Game Media HBO 3.300 - 4.900 C++ Ontwikkelaar Deze werkgever is software ontwikkelaar van simulatie software voor de offshore. Onze klanten gebruiken onze simulatoren voor training en het oefenen van complexe handelingen, projectvoorbereiding, procedurevalidatie en ook remote handling en control. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je

Bekijk vacature »

Sr Java Developer Software

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever levert software oplossingen. Ben jij een Senior Java Developer? Heb jij veel ervaring met Java? Vaste baan: Sr Java Developer Software Dynamic 3.200 - 4.800 Senior Java Developer Deze werkgever levert software oplossingen. Hierbij hebben wij een innovatief platform opgericht die het gat dicht tussen papieren print en de online wereld. Bij ons is er een fijne werksfeer. Daarnaast is er binnen het bedrijf veel kennis aanwezig en zijn de collega's graag bereid om elkaar te helpen.

Bekijk vacature »

Python Software Ontwikkelaar

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een IT bedrijf. Ben jij een enthousiaste Python Programmeur? Heb jij ervaring met Symfony? Vaste baan: Python Software Ontwikkelaar PHP Lavarel 3.500 - 4.800 Python Programmeur Wij ontwikkelen en beheren een aantal grote websites op gebied van huurwoningen. Wij brengen via internet huurder en verhuurder bij elkaar. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Zij werken in een gedreven

Bekijk vacature »

PHP Backend Webdeveloper Lead HBO

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een creatief digitaal bureau. Ben jij een Backend Developer? Heb jij ervaring met Laravel? Vaste baan: Backend Developer Webdeveloper HBO Laravel 3.000 - 4.500 Backend Developer Als internetbureau maken wij websites en softwareapplicaties op maat. Ook complexere projecten gaan we niet uit de weg. Zij werken voor MKB klanten. Deze werkgever heeft veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij hun goed! Deze werkgever heeft een bijzondere, open cultuur, waarin er

Bekijk vacature »

Senior SAPUI5 Developer

Our client leads the worldwide development, production and sales of high-end lithography systems for the semiconductor industry. In short, we make the machines that make computer chips, or integrated circuits. We build some of the most amazing, complex machines that you will ever see – and the software to run them – to develop smaller, faster and still more affordable chips. It is because of our machines that the world’s technology has steadily evolved. As a Senior SAPUI5 Developer your goal is to realize front-ends for our business software applications. You will work closely together with the UX specialist to

Bekijk vacature »
Yea Rupie

Yea Rupie

03/07/2010 15:06:51
Quote Anchor link
Beste forumers,

Ik heb hier eens scriptje waarmee ik options toevoeg aan een select box.
Helaas werkt hij niet helemaal, de opties komen er niet in.

Weet iemand wat ik hier fout in doe?
Alvast bedankt

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
$(document).ready(function(){
    $(".diensten").change(function()
    {
        var message_index
 
        message_index = $(".diensten").val();
        $("#extra").empty();
        $("#extra").attr("disabled", false);
 
        if(message_index > 0){
        
            var myOptions = {
                1 : 'Schoonmaak bedrijfshal',
                2 : 'Reguliere schoonmaak'
            };
            $.each(myOptions, function(val, text) {
                $('#extra').append(
                    $('<option></option>').val(val).html(text)
                );
            });
        }
    });
});


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
Specifieke dienst: <select id="extra" disabled="disabled"><option value="0">-</option></select>
 
PHP hulp

PHP hulp

26/05/2022 23:16:13
 

03/07/2010 19:27:39
Quote Anchor link
Het kan zo zijn dat je element niet veranderd.
Maar ik denk dat het komt door:
$("#extra").attr("disabled", false);
Nu zet je dus de waarde van disabled op false, want het is geen property van dat element, maar gewoon een waarde die je in de tag zet.
Dus je moet die attribute verwijderen.
Zie de jquery docs: http://docs.jquery.com
 
Yea Rupie

Yea Rupie

03/07/2010 23:12:51
Quote Anchor link
Dit staat erin, om de select box actief te maken, deze werk goed..
Als ik hem eruit haal werkt het nog steeds niet,
 

03/07/2010 23:18:28
Quote Anchor link
Je moet removeAttr gebruiken.
Verder weet ik niet wat de classe diensten heeft, en of die dus veranderd.
Bij mij, in een simpele test was dit het enige probleem (afgezien van die rotzooi die ik er omheen weg moest halen).
 
Yea Rupie

Yea Rupie

03/07/2010 23:34:24
Quote Anchor link
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
$(document).ready(function(){
    $(".diensten").change(function()
    {
        var message_index
 
        message_index = $(".diensten").val();
        $("#extra").empty().removeAttr("disabled");
 
        if(message_index > 0){
        
            var myOptions = {
                1 : 'Schoonmaak bedrijfshal',
                2 : 'Reguliere schoonmaak'
            };
            $.each(myOptions, function(val, text) {
                $('#extra').append(
                    $('<option></option>').val(val).html(text)
                );
            });
        }
    });
});



Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<select class="diensten" name="Dienst1[1]">
<option value="0" selected="selected" disabled="disabled">-</option>
<option value="Huishoudelijke hulp">Huishoudelijke hulp</option>
<option value="Persoonlijke diensten">Persoonlijke diensten</option>
<option value="Klussen">Klussen</option><option value="Tuinhulp">Tuinhulp</option>
<option value="Verhuishulp">Verhuishulp</option><option value="Oppas">Oppas</option>
<option value="Huiswerkbegeleiding">Huiswerkbegeleiding</option>
</select>

Het enige probleem is dat hij de options moet toevoegd.
 
Yea Rupie

Yea Rupie

04/07/2010 10:24:22
Quote Anchor link
Ik heb hem wat veranderd, maar hij werkt nog niet..

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
$(document).ready(function(){
    $(".diensten").change(function()
    {
        var message_index
 
        message_index = $(".diensten").val();
        $(".specific").empty();
 
        if(message_index > 0){
        
            var myOptions = {
                1 : 'Schoonmaak bedrijfshal',
                2 : 'Reguliere schoonmaak'
            };
            $('.specific').html('<select name="specific">');
            $.each(myOptions, function(val, text) {
                
                $('.specific').append('<option value="' + val +'">' + text +'</option>');
            });
            $('.specific').append('</select>');
        }
    });
});


De selectbox is nu weg en ik heb er een div van gemaakt.
Weet iemand hoe ik dit kan oplossen.
 
Piet Verhagen

Piet Verhagen

04/07/2010 11:51:21
Quote Anchor link
Regel 15 t/m 20 kloppen niet. Zo als jij het in elkaar zet, werkt het niet. Je moet complete html in 1 keer toevoegen. Niet in stukjes. Dus ofwel je maakt eerst een lege string, bouwd die op zoals jij doet met die each en voegt die toe met html(). Ofwel je voegt eerst de select element in en vervolgens met append voeg je hier children aan toe. Het mag / kan nooit zo wezen dat er op een gegeven moment een niet gesloten select tag in de DOM staat.

Dit zou correcte code zijn:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
            $('.specific').html('<select name="specific"></select>');
            $.each(myOptions, function(val, text) {
                $('.specific > select').append('<option value="' + val +'">' + text +'</option>');
            });

of
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
            var tmp = '<select name="specific">';
            $.each(myOptions, function(val, text) {
                tmp += '<option value="' + val +'">' + text +'</option>';
            });
            tmp += '</select>';
            $('.specific').html(tmp);
Gewijzigd op 04/07/2010 11:57:19 door Piet Verhagen
 
Yea Rupie

Yea Rupie

04/07/2010 14:14:55
Quote Anchor link
Heel erg bedankt, de eerste code werkt perfect :)
 



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.