Jquery select option toevoegen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ervaren PHP Software Developer

Functieomschrijving Voor een toffe opdrachtgever in regio Breda zijn wij op zoek naar een medior PHP Developer met affiniteit met Laravel. Je komt te werken bij een uitdagende opdrachtgever met supergave klanten in een specifieke branche. Als PHP ontwikkelaar ben je samen met een vooruitstrevende team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het vernieuwen van informatiesystemen voor een specifieke branche. Je ondersteunt complexe uitdagingen van klanten. Vervolgens breng je hun wensen in kaart en vertaalt deze door naar maatwerk software. Affiniteit met Laravel is een pré. Om de klanten zo goed mogelijk te ondersteunen en snel in

Bekijk vacature »

Applicatie ontwikkelaar

Functie omschrijving Zelfstandige applicatie ontwikkelaar gezocht voor familiair bedrijf in omgeving Barendrecht! Ben jij op zoek naar een nieuwe uitdaging en zoek jij een informele werkgever waar je zelfstandig kunt werken binnen een leuk IT team, lees dan snel verder want wie weet zijn wij op zoek naar jou! Binnen deze rol houdt jij je met het volgende bezig: Onderhouden en ontwikkelen van de IT systemen; Opzetten van Azure Cloud systemen, denk aan interfaces, hardware op de Cloud, webportalen of BI functies; Werken aan scripts binnen verschillende software applicaties, denk aan ERP en CAD; Ontwikkelen en implementeren van MS PowerApps

Bekijk vacature »

Front-end Developer

Do you want to work with the latest technologies on the development of new systems and applications? Create elegant interfaces using VueJS for thousands of users? Get moving and strengthen Nederlandse Loterij as a Front-end Developer. Thanks to your efforts, our services are always presented in style. As a Front-end Developer you are responsible for website development and improving customer experience based on data analyze. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Front-end Developer you score by: Writing elegant, testable components without side-effects to provide functionality to the users Website development, adding

Bekijk vacature »

Medior Front-end Developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als Medior Front-end 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. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een uitdagende werkgever in omgeving Waalwijk zijn wij op zoek naar een enthousiaste softwareontwikkelaar met kennis of ervaring met C# en SQL. In een uitdagende rol als C#.NET Developer werk je samen met een enthousiast en informeel team aan het bouwen van maatwerk software voor variërende klanten. Verder ziet jouw takenpakket er als volgt uit: Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je houdt je bezig met het ontwikkelen

Bekijk vacature »

Cymer Patch Server Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 12919 Introductie This new patch server will be built on Python and Django ReST and GraphQL services with a React frontend, it will consist of several microservices and run on a Kubernetes cluster. It will be supported by several middleware applications such as ElasticSearch, Redis, RabbitMQ, Oracle and Artifactory. Functieomschrijving The Patch Admin team always aim to deliver software at a high quality, we avoid sacrifices here to maintain our velocity. Practically this means that we practice test driven development and perform end-to-end automated testing on our software. This means

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Software developer - senior

Functie omschrijving Voor een echt softwarebedrijf in omgeving Gouda zijn wij op zoek naar versterking voor de afdeling Software Development! Ben jij op zoek naar een werkgever waar meerdere software developers werken aan interessante projecten? Ben jij op zoek naar een werkgever waar je onderdeel wordt van een team dat echt passie heeft voor het ontwikkelen van software? Dan ben je hier aan het juiste adres! Als softwareontwikkelaar kom je terecht bij een onafhankelijk, door kwaliteit gedreven, doortastend en daarbij op een Agile wijze werkend bedrijf. Ben jij een expert in het vertalen van Componenten van Functionaliteit naar Business lagen?

Bekijk vacature »

HBO startersfunctie .NET Ontwikkelaar

Functie omschrijving We are looking for a dutch native speaker Ben je in januari 2023 klaar met je HBO opleiding en zoek je een mooie uitdaging? Wacht niet langer en solliciteer direct! Voor een familiebedrijf in de regio van Boxtel ben ik op zoek naar een C#.NET Ontwikkelaar. Jij gaat aan de slag met de (door)ontwikkeling van de maatwerksoftware projecten en gaat ook nieuwe software bouwen, middels de Microsoft-stack. Het bedrijf maakt gebruik van de volgende technieken: C# & ASP.NET; MVC; MS SQL; Entity Framework; Je krijgt hier veel tijd om te leren en eventueel door te groeien en het

Bekijk vacature »

PHP Developer

Functie omschrijving Als PHP Developer ga jij aan de slag met uitdagende software projecten. Jij gaat in deze functie software applicaties ontwikkelen. Deze software projecten zijn heel divers, en deze organisatie maakt software, van A tot Z. Klanten kunnen in elke sector werkzaam zijn, van profit tot non-profit. Deze software bouw je vooral in PHP en specifiek Laravel. Dit framework kent dus geen geheimen voor jou. De software die jij gaat ontwikkelen is heel divers, van urenregistratiesystemen tot compleet geautomatiseerde tools. In deze veelzijdige functie ga jij je zeker niet vervelen, elke dag bestaat weer uit nieuwe uitdagingen. Bedrijfsprofiel Deze

Bekijk vacature »

Full Stack .NET Developer

Dit ga je doen Als developer nieuwe gave features ontwikkelen; Werken met technieken als C#, Angular 12 en Javascript,; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een team van 7 professionals ben je als Full Stack .NET Developer verantwoordelijk voor het ontwikkelen van applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je hierbij beheerst is C#. Wil je van meerwaarde

Bekijk vacature »

Gezocht: .Net ontwikkelaars met een maatschappelij

Bedrijfsomschrijving Zoek jij als medior .Net ontwikkelaar een inspirerende werkplek bij een bedrijf met maatschappelijk verantwoordelijkheidsgevoel? Dan is deze vacature je op het lijf geschreven. De organisatie bestaat ruim 20 jaar en ze ontwikkelen in house applicaties waarmee de zorgsector enorm mee gebaat is. Jouw applicaties worden gebruikt door duizenden gebruikers waardoor je echt een waardevolle bijdrage kan leveren aan de maatschappij. Het bedrijf is zeer innovatief en vindt een goede werk/privé balans belangrijk. Je krijgt alle mogelijkheden om jezelf verder te ontwikkelen, je werktijden in te delen en daarnaast is het ook mogelijk om deels thuis te werken. Het

Bekijk vacature »

Low-Code Expert/Developer: Power Platform Speciali

Bedrijfsomschrijving Als Low-Code Expert/Developer bij ons innovatieve bedrijf, neem je een cruciale rol op je in de creatie, ondersteuning en implementatie van diverse oplossingen met behulp van het veelzijdige Power Platform. Dit platform omvat Power Apps, Power BI, Power Automate, Power Virtual Agent en Azure Logic Apps. Het Power Platform biedt je de mogelijkheid om klanten te voorzien van naadloze integraties door op maat gemaakte oplossingen te creëren die compatibel zijn met (bijna) alle bestaande software-infrastructuren. Dankzij het uitgebreide scala aan toepassingen, krijg je de kans om als architect en projectleider van je eigen oplossing te fungeren. Dompel jezelf onder

Bekijk vacature »

Junior .NET developer

Functie Om half 9 kom jij binnen en pak jij als eerst natuurlijk een bakje koffie of thee. Vervolgens ga jij je voorbereiden op de stand-up van kwart voor 9. Zijn er bijvoorbeeld dingen waar jij nog tegen aan loopt? Of is er nog code die getest of gereviewd moet worden? Vervolgens starten jullie met de stand up en na de stand up zoeken jullie elkaar op en gaan jullie aan de slag. Als team met 6 developers werken jullie in drie wekelijkse sprints. Het einde van een sprint is altijd op een donderdag zodat jullie op vrijdag de demo

Bekijk vacature »

Full stack .NET developer Microsoft 365

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

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/02/2024 22:57:50
 

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.