Jquery select option toevoegen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Productontwikkelaar Chemie

Wat ga je doen Als Productontwikkelaar Chemie ga je op het lab aan de slag met het ontwikkelen en optimaliseren van recepturen voor reinigingsmiddelen. Naast dit hands-on element, ligt er ook veel focus op het onderhouden van goed contact met de verschillende grondstofleveranciers om zo bij te blijven met recente ontwikkelingen en mogelijkheden. Deze functie biedt veel uitdaging en kansen voor een productontwikkelaar die graag innovatief bezig wil zijn en ook sociale interactie belangrijk vindt. Naast deze hoofdtaken assisteer je bij het uitvoeren van QC processen, inclusief LIMS-registratie en rapportage. Beheer en optimalisatie van recepturen en productspecificaties van diverse huidverzorging

Bekijk vacature »

Back end developer Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Medior/senior Python developer

Functie Bedrijven komen bij deze organisatie om technische vraagstukken op te lossen en hierin ook tot oplossingen te komen waar ze zelf misschien niet aan gedacht hadden. Jij gaat vanuit je ervaring dus niet alleen hands-on aan de slag met het ontwikkelen, maar zult ook zeker adviseren en proactief meedenken met de klant. Er zijn meerdere lange en/of korte projecten en het type klanten is heel uiteenlopend. Zo kun je terecht komen in een multidisciplinair scrumteam waarin je als Python developer meewerkt, of juist voor een kleiner (Greenfield) project aan de slag gaan waarin je veel breder bezig bent. Door

Bekijk vacature »

.NET developer

Functie Als junior .NET ontwikkelaar ga jij aan de slag in één van de 5 IT teams van dit bedrijf. Jullie werken op basis van interne klantprojecten aan voornamelijk webapplicaties. Dit betekent dat jij continu uitgedaagd wordt en veelal met verschillende soorten projecten bezig bent. Het gave is dan ook dat jullie als team samen bekijken welke technieken het beste passen bij het project waar jullie verantwoordelijk voor zijn. Zo kan het zijn dat jij als .NET developer gaat werken aan een project, maar dat jullie als team liever gebruik maken van Haskell of F# om de klus te klaren.

Bekijk vacature »

Software Developer Automotive

Visualize yourself working on cutting-edge projects that are shaping further the future of mobility. Working together with fellow engineers on solutions that will impact society and the way we travel. Making the world more sustainable, by contributing to a cleaner planet and simultaneously evolve your career in the automotive industry! Jan Plender, Team Manager Automotive Engineering: "As a member of our Automotive Engineering Team you will get a lot of opportunities to work on a wide variety of projects. Many of our engineers are currently involved in innovative electrification or Advanced Driver Assistence Systems (ADAS) development projects for some of

Bekijk vacature »

Lead Mendix Developer

Wat wij bieden een contract voor onbepaalde tijd en goede primaire arbeidsvoorwaarden; een flexibele werkomgeving waar je tijd en plaats onafhankelijk kan werken; een ruim mobiliteitsbudget voor een keuze in een leaseauto of voor je eigen vervoer; een flex benefit budget en collectieve regelingen (o.a. thuiswerkfaciliteiten, korting op je zorgverzekering en bedrijfsfitness); een keuze in een laptop en je ontvangt een telefoonvoucher t.w.v. €290,-; een betrokken community dat gericht is op jouw interesses, teambuilding, gaming en evenementen; onbeperkt opleidingsbudget om je technisch en persoonlijk te blijven ontwikkelen. Wat jij meeneemt je hebt een (technische) HBO of WO-diploma behaald; je bent

Bekijk vacature »

Embedded Hardware Developer

Vacature: Embedded Hardware Developer in Aalsmeer. Ben jij die ervaren Hardware Developer die graag een bijdrage wil leveren aan de ontwikkeling van een duurzamere samenleving? Dan hebben wij een mooie functie voor jou! Voor onze opdrachtgever zijn wij op zoek naar een Embedded Hardware Developer in omgeving Schiphol. Wat ga je doen als Embedded Hardware Developer? Als Hardware Developer ga jij je bezighouden met het ontwikkelen van duurzame energieopslagsystemen voor hybride en volledig elektrisch aangedreven schepen. Jouw dagelijkse werkzaamheden zullen er zo uitzien: Je ontwikkelt ideeën en concepten ter verbetering van het systeem. Je designt schema’s en board layouts in

Bekijk vacature »

Lead front end developer

Functie Onze development afdeling is multidisciplinaire ingericht. Dit houdt in dat wij verschillende specialisten in dienst hebben en deze door middel van een roulatiesysteem in multidisciplinaire teams laten werken. Het team bestaat vaak uit Frontend developer(s), Backend Developer(s), Designer(s), Tester(s) en Mobile Developer(s). Deze teams worden afgewisseld waardoor jij de mogelijkheid krijgt om met iedereen een keer samen te werken. Als Team lead front end draag jij de technische visie uit en ben jij verantwoordelijk voor de verbetering van het front end werk. Naast dat jij hands on zelf nog bezig met programmeren help jij ook je team door ontwikkeling

Bekijk vacature »

Jr/Mr/Sr Fullstack Developer (JavaScript/C#/.NET)

Vacature details Vakgebied: (Hightech) Industrie Opleiding: Medior Werklocatie: Leidschendam Vacature ID: 8582 Introductie For one of our top clients in the Hague are, we are looking for Fullstack Software Developers on all sort of levels. Our client is developing stae-of-the-art monitoring software applications to decode and ingest technical sensor data. This software is also used to process and visualize information inside the data and work 24/7. Functieomschrijving As a Junior full-stack .NET developer in one of our teams you will: Contribute to all development phases of the product, from design and implementation to maintenance and support of the software; Attend

Bekijk vacature »

.NET developer

Functie Als senior .NET ontwikkelaar en aankomend lead developer ben jij in één van de drie development teams verantwoordelijk voor het volgende: • Jij hebt een oogpunt op modernisering en bent verantwoordelijk voor de technische staat en architectuur van de applicatie; • Jij bent verantwoordelijk voor het reviewen van de technische haalbaarheid van verschillende onderwerpen; • Jij bent verantwoordelijk voor een goede aansluiting binnen het multidisciplinaire team en de bijbehorende taken; • Jij bent verantwoordelijk voor het aandragen van verbetervoorstellen en ontwikkelstandaarden in zowel de techniek als architectuur; • Jij bent meewerkend voorman en ondersteunt en coacht jouw team op

Bekijk vacature »

C# developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als C# Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the Year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

Junior Campaign Developer E-mail

Wil jij werken bij een van de grootste e-mailmarketing bureaus van Nederland? Wil jij werken voor merken waar jij affiniteit mee hebt en je voorkeur naar uit gaat? Wil je jouw kennis delen en je tegelijkertijd ook kunnen optrekken aan senior teamleden? En lijkt het je wat om ergens te werken waar initiatief nemen wordt gewaardeerd? Zo ja? Lees verder! Jouw nieuwe werkgever: gaat alleen voor langdurige relaties & gelooft erin dat jij als happy bent, dat zich vertaalt naar je werk en de klant. Er valt veel aan te pakken en de organisatie blijft maar groeien ondanks COVID-19 situatie.

Bekijk vacature »

.NET developer

Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare waarde. Je werkt samen met ruim 35 IT-professionals aan zowel greenfield- als legacy-projecten. Dat doe je samen met ontwikkelaars, data engineers, product owners en technisch-/functioneel beheerders. In jouw rol maak je onderdeel uit van een kleiner scrumteam dat zich richt op één specifieke productstroom. Concreet hou jij je bezig met het ontwikkelen van applicaties en services op basis van ASP.NET Core en Blazor. Ook denk en werk je mee aan de continue verbetering en professionalisering van het ontwikkelproces (ondersteund

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 »

Full stack Developer / .NET / Angular / Azure

Dit ga je doen Jij gaat je als Full Stack .NET Developer voornamelijk bezighouden met: Het vertalen van concepten naar passende innovatieve en duurzame oplossingen; Het ontwikkelen van bedrijf kritische en gebruiksvriendelijke applicaties voor de internationale markt en intern gebruik; Bouwen aan software om het Internet of Things netwerk te ondersteunen; Het maken en onderhouden van interfaces tussen systemen aan de hand van API's; Het onderhouden en blijven verbeteren van de ontwikkelde software. Hier ga je werken Binnen deze organisatie zal jij als Full Stack .NET Developer een belangrijke rol krijgen en ga je dagelijks de uitdaging aan om maatwerk

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

05/02/2023 18:58:10
 

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.