Buonasera,
per questo e-commerce che sto realizzando con woocommerce vorrei visualizzare una variazione di colore sulla selezione come da allegato.

colore.jpg

codice:
#colore {
    display: inline-block;
    width: 20px;
    height: 20px;
}
codice:
<script type="text/javascript">
  jQuery(document).ready(function($) {
       $("select[name='attribute_pa_colore-telo']").change(function() { 
       $("#colore").css("background-color", "#" + $(this).val());
        });
        
       $("#pa_colore-telo").after("<span id='colore'></span>");
    });
</script>
Cosa sbaglio secondo voi?

Grazie dell'aiuto