Alla selezione crea un input

[Luca1317]

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.

<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>

[KillerWorm]

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.