select condizionale

[Fabio90]

Buongiorno,
per questo e-commerce che sto realizzando avrei necessità di realizzare una select che faccia filtro tra: materiale tessuto e colore telo..

acrilico -> mostra solo colore ecrù
PVC -> mostra solo beige e bianco
Tempotest -> mostra tutti i colori tranne ecrù

Ho provato a buttare uno schema logico.. Se va bene come posso implementarlo?

jQuery(document).ready(function( $ ) {
	 $("#pa_materiale-tessuto").change(function() {
		var materiale = $("#pa_materiale-tessuto").val(); //memorizzo value materiale
		switch (materiale) {  switch sui materiali
			case (materiale == 'acrilico'):
			//mostra solo colore ecrù
			break;
			case (materiale == 'pvc'):
			//mostra beige + bianco
			break;
			case (materiale == 'tempotest'):
			//tutti i colori tranne ecrù 
			break;
			
		}
	 });

Grazie per il vostro aiuto

 

[criric]

Ciao, prova questo esempio

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var colors;
        $("#pa_materiale-tessuto").change(function() {
            switch($(this).val()) {
                case "acrilico":
                    colors = ["red","blue"];
                    break;
                case "tempotest":
                    colors = ["black","green"];
                    break;
                case "pvc":
                    colors = ["yellow","gray","maroon"];
                    break;
                default:
                    colors = [];
                    break;
            }
            $("#pa_colore-telo").empty();
            $("#pa_colore-telo").append("<option value=''>Scegli un opzione </option>"); 
            for (var i = 0; i < colors.length; i++) {
                $("#pa_colore-telo").append("<option value='" + colors[i] + "'>" + colors[i] + "</option>"); 
            }                
        });
    });
        
</script>
<select id="pa_materiale-tessuto" name="attribute_pa_materiale-tessuto">
    <option value="">Scegli un opzione </option>
    <option value="acrilico">Acrilico</option>
    <option value="pvc">PVC</option>
    <option value="tempotest">Tempotest Parà</option>
</select>
<select id="pa_colore-telo" name="attribute_pa_colore-telo">
    <option value="">Scegli un opzione </option>
</select>