[jQuery] far ripetere una funzione

sunlightbanana

Utente Attivo
26 Ott 2011
96
0
6
Salve, io ho questa semplice funzione che clona una porzione di codice e poi la elimina:
Codice:
function aggiungiGenere() {            
 $('#unoGenere select').clone().insertBefore('#dueGenereinput').attr('name','dueGenere');          

$('#dueGenere input').attr('value','Rimuovi').click(function() {
$("select[name='dueGenere']").remove(); 
$('#dueGenere input').attr('value','Aggiungi');   
})}
che si applica a questo codice html:
Codice:
<div id="unoGenere"><select name="unoGenere" size="5">
<option>Azione</option>
<option>Commedia</option>
<option>Drammatico</option>
<option>Fantascienza</option>
<option>Horror</option>
<option>Thriller</option>         
</select></div>       
<div id="dueGenere"><input type="button" value="Aggiungi" onclick="aggiungiGenere()"/></div>

il problema è che si applica una sola volta, ad esempio se clicco sul bottone per clonare quella porzione e poi lo rimuovo se voglio riaggiungerlo non succede niente.

Si verifica una sola volta, la domanda è: come faccio a farla ripetere sempre?

Grazie per la vostra pazienza.
Buona serata
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Mi pare che tu abbia complicato tutto inutilmente. Prova così:
HTML:
<!DOCTYPE html>
<html lang="it">
    <head>
        <title>jQuery</title>
        <meta charset="utf-8">
    </head>

    <body>
        <div id="generi">
            <div class="genere">
                <select name="genere[]">
                    <option value="1">Opzione 1</option>
                    <option value="2">Opzione 2</option>
                    <option value="3">Opzione 3</option>
                    <option value="4">Opzione 4</option>
                    <option value="5">Opzione 5</option>
                </select>
            </div>
        </div>

        <div>
            <button id="add">Aggiungi genere</button>
        </div>

        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script>
        $(function() {
            $("#add").click(function() {
                var elem = $(".genere").first().clone();
                elem.html(elem.html() + '<a href="#" class="remove">Rimuovi</a>');

                elem.appendTo($("#generi"));
            });

            $("#generi").on("click", ".remove", function() {
                $(this).parent().remove();
            });
        });
        </script>
    </body>
</html>
 

sunlightbanana

Utente Attivo
26 Ott 2011
96
0
6
Ti ringrazio per il tuo aiuto.

Purtroppo ho dovuto complicare tutto perché le informazioni ottenuto vanno ad una pagina PHP, altrimenti me la sarei cavata anche con un toggle.

Comunque funziona, Grazie :eek:
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Come far passare un valore attraverso il metodo POST utiliazzando PHP a jQuery PHP 4
S [jQuery] Far apparire un div per qualche secondo Javascript 4
S [jQuery] Far lampeggiare una scritta una volta sola jQuery 0
D Jquery - modifica elemenento onlick jQuery 1
E Problema jquery Success jQuery 2
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
E PHP & jQuery PHP 8
P jquery refresh div non funziona Javascript 0
P lanciare script asp (o php) da jquery Javascript 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
MarcoGrazia jquery validate() controllo checkbox jQuery 2
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8
MarcoGrazia Validazione forum con jquery.validate jQuery 2
Shyson Smoot scrolling jQuery nella pagina jQuery 0
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
L Scelta form con jquery jQuery 1
F [Javascript] Aprire file tramite jquery Javascript 0
R Aiuto Jquery jQuery 1
G [HTML] Jquery e tooltipster's jQuery 5

Discussioni simili