Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di Luca1317
    Registrato dal
    Dec 2001
    Messaggi
    1,258

    Alla selezione crea un input

    Ho una select multi, una select2 per precisione :http://select2.github.io/select2/#multi

    Alla selezione di uno dei valori vorrei che mi si creasse un input text con il nome del valore inserito, ad esempio:

    <input name="rosso"
    <input name="verde"

    e così via.

    Sono riuscito a creare l'input text al click ma non alla selezione e non riesco a cancellare gli input text alla deselezione.


    codice:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    
    
    
    
    <script>
    $(function()
    {
      $(".js-example-basic-multiple").select2();
    });
    </script>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <script>
    $(document).ready(function() {
        var max_fields      = 10;
        var wrapper         = $(".container1"); 
        var add_button      = $(".aggiungi-campo"); 
        
        var x = 1; 
        $(add_button).click(function(e){ 
            e.preventDefault();
            if(x < max_fields){ 
                x++; 
                $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="delete"> Cancella</a></div>'); //add input box
            }
            else
            {
            alert('Hai raggiunto i limiti')
            }
        });
        
        $(wrapper).on("click",".delete", function(e){ 
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })
    });
    </script>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <select class="aggiungi-campo js-example-basic-multiple" multiple="multiple">
      <option value="rosso">rosso</option>
      <option value="verde">verde</option>
      <option value="giallo">giallo</option>
    </select>
    
    
    
    
      
      
       
    <div class="container1">
    </div>

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Non conosco quel plugin ma ragionando per logica presumo abbia degli appositi eventi.

    Sul link che hai postato c'è la documentazione dove trovi anche i vari eventi che puoi utilizzare; fai solo attenzione che quella pagina è riferita alla versione 3.5.3 mentre tu stai usando la 4.0.6 (come vedo dal tuo codice); ho visto che per utilizzare gli eventi ci sono delle differenze sostanziali tra le due versioni.

    Nel tuo caso devi consultare la documentazione riferita a Select2 Latest. Su quella pagina trovi una casella di ricerca, scrivici "events" e clicca sul risultato trovato "12. Programmatic control > Events".

    Dai uno sguardo agli eventi select e unselect e a qualche esempio in quella stessa pagina per capire come usarli; è ciò che serve a te.

    Fai qualche prova e vedi se riesci.
    Fai sapere.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.