Jquery select option toevoegen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Back-end Developer

As a back-end Developer you are responsible for the development and operations of our lottery websites and applications. Sounds interesting? Then you might be our new back-end Developer! Functie Nederlandse Loterij is on the move and the use of IT and technology is becoming increasingly important. We have a large change agenda and are looking for enthusiastic IT colleagues who want to contribute to this. Nederlandse Loterij is in transition to become a more digital customer-oriented organization, embracing a data-driven way of working, in which we work in multidisciplinary and DevOps teams. You will work in the Technology department, the

Bekijk vacature »

Email Front-End Developer

Creatieve HTML-er die de mooiste mails binnen no time kan bouwen. Wat doe je als Email Front-End Developer bij Coolblue? Droom jij in HTML en CSS? Weet jij als geen ander een ambitieus email design om te bouwen naar de werkelijke email? Zwem jij graag in je code om bestaande templates net weer een beetje beter te maken? Dan zoeken wij jou. Ook Email Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen De beste campagnes opbouwen voor de belangrijkste doelen Nieuwe mail templates ontwikkelen vanuit HTML en CSS of oude

Bekijk vacature »

PHP Developer Symfony @ Utrecht

2021-10-20 iSense PHP Developer Symfony Wellicht niet zo bekend als Phoxy van PSV, Coentje van Feyenoord of Lucky van Ajax is ElePHPant: de enige echte PHP mascotte! Het maakt ons niet uit of jij een passie voor voetbal hebt of niet, zolang je maar iets met PHP hebt. In dat geval kun je namelijk aan de slag met een grote applicatie als PHP Developer in de woningsector! ISKA51379 Organisatie Is de woningsector er inderdaad een die jouw interesse wekt? De organisatie waar je als PHP Developer komt te werken is een belangrijke schakel binnen de woningbranche, dus dat zit wel

Bekijk vacature »

Junior RPA Developer met veel opleidingsmogelijkhe

Bedrijfsomschrijving RPA is jong en groeiende, net als deze organisatie. Er komt steeds meer vraag naar RPA, hierom is jouw hulp echt nodig. Deze organisatie biedt junioren de kans om de eerste stap te zetten en mee te groeien binnen RPA. Ze bestaat nu bijna 5 jaar en ze hebben al flinke stappen gemaakt. De vraag naar Robotics wordt steeds groter en de klanten van deze organisatie zoeken een snelle en efficiënte manier om bedrijfsprocessen te realiseren. Functieomschrijving Je gaat hier aan de slag als Junior RPA Developer. Jouw affiniteit met techniek maakt je leergierig en zorgt dat je nieuwe

Bekijk vacature »

Junior Fullstack .NET Developer @ Regio Rotterdam

2021-10-18 iSense Junior Fullstack .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51116 Locatie Rotterdam en omstreken Wat ga je doen tijdens het Fullstack .NET Developer ontwikkeltraject? Vanaf januari/februari 2022 krijg

Bekijk vacature »

Embedded Software Developer (C, C++)

For our high-tech business partner, we are in search of a Software Design Engineer / Software Developer with a MSc. or BSc. In Computer Science and relevant experience in C, C++. Do you like to work in a challenging environment in which you are able to work on world changing technology? Read on and apply! Functie As a Software Design Engineer / Software Developer you are responsible for the development and realization of software solutions to make the machines of our business client run. It is your challenge to make the machines run as smoothly as possible, so that they

Bekijk vacature »

Senior PHP ontwikkelaar gezocht die komt blussen!

Bedrijfsomschrijving Mijn klant maakt voor nagenoeg alle brandweerkazernes van Nederland applicaties die ervoor zorgen dat de brandweer haar werk kan doen. Denk hierbij aan het maken van alle e-learning systemen tot aan de rooster applicaties voor alle brandweer medewerkers. Alle applicaties ontwikkelen ze in PHP en deels zijn deze systemen ook mobile te gebruiken. Op het moment dat de brandweer uitrukt kan men bijvoorbeeld tijdens het wegrijden van de kazerne in de brandweer auto via een tablet aangeven welke medewerkers er aanwezig zijn. De online trainingen die ze bij mijn klant maken volgen de brandweer lieden zowel remote vanuit huis

Bekijk vacature »

Java Developer @ Utrecht

2021-06-08 iSense Java Developer Do you like DevOps way of working? Are you looking for an exciting opportunity where latest and greatest technologies are applied? Would you like to take responsibility in each and every step of software development lifecycle ? ISKE50115 Organization You will work at global financial organization with a head office in the Netherlands. You will be part of one of the most important departments in the core banking domain. The organization has a very strong commitment to the collaboration and communication culture among different development teams. You are going to work in a squad that is

Bekijk vacature »

Microsoft BI Developer @ regio Den Haag

2021-10-05 iSense Microsoft BI Developer Heb jij passie voor business intelligence en heb je ervaring met Azure, MS BI Stack, SQL of T-SQL? Werk je graag in een organisatie waarin een uitstekende werk- privébalans is, en je de ruimte krijgt om jezelf verder te ontwikkelen? Lees dan snel verder! ISGO46425-4 Nieuw Organisatie Je komt te werken binnen een financiële organisatie die diensten levert binnen de non-profit sector. Hierbij kun je denken aan overheden en instellingen met een maatschappelijk belang. Duurzaamheid en betrouwbaarheid zijn termen die deze organisatie kenmerken. Er heerst een informele sfeer binnen het bedrijf en er zijn korte

Bekijk vacature »

Front-end developer

Als Front-end Developer bij Getnoticed zorg je ervoor dat de wensen van de klant gebruiksvriendelijk en nauwkeurig volgens de laatste technieken geïmplementeerd worden. Je bent een perfectionist bij het uitwerken van een design naar functionele layout. In het kort: Je werkt samen met je scrumteam van designers, front- en backend developers, marketeers en projectmanager bij het uitwerken van stories voor zowel klant als in-house gerelateerde projecten. Wat je werkzaamheden vooral zullen zijn: Het uitwerken van designs tot functionele layouts Je werkt nauw samen met onze designers en developers om tot een perfect resultaat te komen Je zorgt voor een intuïtieve

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

Junior Fullstack .NET Developer @ Regio Amsterdam

2021-10-25 iSense Junior Fullstack .NET Developer Ben je onlangs afgestudeerd van een IT-opleiding of heb je nog maar weinig ervaring opgedaan? En wil je toch graag aan de slag als .NET Developer? Lees dan snel verder, want begin januari 2022 starten wij weer met een betaald traineeship waarin jij jezelf kunt ontwikkelen tot een volwaardige Fullstack .NET Developer! ISLE50166 Locatie Amsterdam en omstreken Wat ga je doen tijdens het Fullstack .NET Developer ontwikkeltraject? In januari krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te geven en jezelf te ontwikkelen tot Fullstack .NET Developer. Zo

Bekijk vacature »

Junior ETL Developer @ Amsterdam

2021-09-22 iSense Junior ETL Developer Would you like to work within a domain that is building a Data lake? Are you a self-starter, strong communicator and passionate Data enthusiast ? Then apply quickly! ISBO51067 Organization You will be part of the Data processing Chapter in an international banking organization in Amsterdam. The department is working on an ambitious project based on technologies like IBM InfoSphere (DataStage, TWS-D and Information Governance Catalogue), Netezza and Cognos. You will be working on creating complex data integration solutions with a knowledgeable scrum team that consists of ETL DevOps Engineers and Business Analysts. The team

Bekijk vacature »

Support Engineer

Heb jij een passie voor IT? En ben jij de hobbyist die ‘s avonds nog bezig is met het uitzoeken van zijn of haar ICT uitdagingen? Bellen vrienden en familie jou als eerste wanneer hun computer vastloopt? En lijkt het jou leuk om hier jouw werk van te maken? Dan hebben wij een gave baan voor jou waarin jij je kan ontwikkelen tot ICT professional! Als Support Engineer bij Port-IT werk je mee aan uitdagende projecten en verleen je service en ondersteuning aan klanten over de hele wereld. Nieuwsgierig geworden? Lees dan snel verder! Wat ga je doen? Als Support

Bekijk vacature »

Uitdagende kans voor .Net ontwikkelaars!

Bedrijfsomschrijving Deze informele organisatie heeft ontzettend veel contacten binnen grote en bekende organisaties. Dit zorgt ervoor dat jij als .Net ontwikkelaar op leuke en uitdagende projecten komt te werken, hierbij zal de focus vooral liggen op het midden van het land. Veel ontwikkelaars zijn via onze opdrachtgever aan het werk bij bijvoorbeeld grote financiële dienstverleners maar het is niet geheel ongebruikelijk om bij kleinere instanties aan het werk te gaan. Bij onze opdrachtgever ligt er veel focus op de persoonlijke ontwikkeling en groei van hun medewerkers. Je krijgt daarom veel ruimte om certificaten te behalen die belangrijk zijn voor jouw

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

27/10/2021 19:18:08
 

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.