Duplicare una select con clone()

[ciucciatiilcalzino]

Ciao a tutti,
io utilizzo questo script per duplicare dei campi precisamente due input, in pratica l'utente ha una maschera dove può aggiungere degli input se devi inserire ulteriori info.

var scntDiv = $('#p_scents');        var i = $('#p_scents p').length + 1;            $('#addScnt').click(function() {
                        $('#p_scents p:first').clone().find('input').val('').attr('name', function(index, value) {                                            return value + i;                }).end().append('<a href="#" class="remScnt">Rimuovi</a>').appendTo(scntDiv);                                    new tcal({                    formname: 'NEW',                    controlname: 'startd' + i                });                            i++;                return false;
    });

praticamente dopo aver richiamato la funzione questi input si duplicano

e a questo si aggiunge

<input type="text" id="p_scnt" size="20" class="form-control" name="checklist_1" value="" placeholder="Nome Prodotto Correlato" style="width:400px;display: inline;">

questo
[CODE]

<input type="text" id="p_scnt" size="20" class="form-control" name="checklist_12" value="" placeholder="Nome Prodotto Correlato" style="width:400px;display: inline;">

dove è tutto uguale tranne il mane

ho avuto l'esigenza di aggiungere un campo select

<select name="checkTipo_1" id="p_scntTipo" class="form-control" style="width:150px;display: inline;">
                                                                     <option value="">Seleziona </option>    
                                                                     <option value="Q">Quantità </option>
                                                                    <option value="S">Scelta </option>
                                                                    <option value="O">Obbligatorio </option>
                                                                 </select>

la funzione di sopra mi duplica la riga perchè è presente nel div ma non mi fa a cambiare il nome della select che mi rimane come l'originale.

Mi potete dare qualche suggerimento?
Grazie

[ciro78]

mettilo in una variabile e poi fai il replace degli attributi id e name

[ciucciatiilcalzino]

mettilo in una variabile e poi fai il replace degli attributi id e name

Ciao Ciro78, grazie per avermi risposto.
Purtroppo però non ho capito cosa devo mettere nella variabile e come

[ciro78]

Ciao Ciro78, grazie per avermi risposto.
Purtroppo però non ho capito cosa devo mettere nella variabile e come

mi sono perso. mo che ci azzecca la select?

[ciucciatiilcalzino]

mi sono perso. mo che ci azzecca la select?

Ciao, ti ricapitolo tutto
questo di seguito è il div che vado a clonare premendo sul tasto che richiama la funzione sotto

<div id="p_scents">                                                 <p>                                                                                       <input type="text"  id="p_scnt" size="20"  class="form-control"  name="checklist_1" value="" placeholder="Nome Prodotto Correlato"  style="width:400px;display: inline;" />                                                             &euro; <input type="text" id="p_scntCosto" class="form-control" size="20" name="checkCosto_1" value="" placeholder="Prezzo Correlato"  style="width:150px;display: inline;" />                                                              Tipo <select name="checkTipo_1" id="p_scntTipo"  class="form-control"  style="width:150px;display: inline;" >                                                             		<option value="" >Seleziona </option>	                                                             		<option value="Q" >Quantità </option>                                                                    <option value="S" >Scelta </option>                                                                    <option value="O" >Obbligatorio </option>                                                             	</select>                                                  </p>                                                </div>

function tcal() {};
        
        
         new tcal({
        // form name
        'formname': 'NEW',
        // input name
        'controlname': 'startd'
        });
    


        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').length + 1;
    
        $('#addScnt').click(function() {
            
            
            
                    
                    $('#p_scents p:first').clone().find('input').val('').attr('name', function(index, value) {
                        
                    return value + i;
                }).end().append('<a href="#" class="remScnt">Rimuovi</a>').appendTo(scntDiv);
                
                
                
    
    
    
    
                new tcal({
                    formname: 'NEW',
                    controlname: 'startd' + i
                });
            
                i++;
                return false;
            
        });

La funzione , funziona bene in quanto a clonare glie elementi, realmente mi duplica il div, quello che non mi funziona bene e cambiare i name.
Per i campi input mi fa cambia il nome correttamente per esempio
questo
name="checkCosto_1"
nella duplica diventa questo
name="checklist_12"

cosa che invece non funziona per il campo select che come detto viene duplicato ma il name checkTipo_1 rimane checkTipo_1 invece di divenire checkTipo_12

nella mia poca conoscenza di questa funzione clone credo che il problema sia che richiama solo .find('input')

Spero di essere stato più chiaro
Grazie

[cavicchiandrea]

Non sunziona perché recuperi solo i find input devi fare la stessa cosa con le select

[ciucciatiilcalzino]

Non sunziona perché recuperi solo i find input devi fare la stessa cosa con le select

Ciao ho provato con questa soluzione (senza sapere il perchè)
e sembra che funzioni

    $('#p_scents p:first').clone().find('input').val('').attr('name', function(index, value) {
                        
                    return value + i;
                }).end().find('select').val('').attr('name', function(index, value) {
                        
                    return value + i;
                }).end().append('<a href="#" class="remScnt">Rimuovi</a>').appendTo(scntDiv);

[ciro78]

ciucciatiilcalzino ricordati il tag code