Ciao, ho trovato una parziale soluzione introducendo un minimo di Javascript
Con onChange al cambiare dell'opzione il browser va dove selezionato.codice:<form><fieldset><selectstyle="width:300px;"name="fancy fabrics"onChange="window.location.href=this.value"> <option>Select graphics</option> <optionvalue="http://www.conceptfbo.it/fancy-fabrics/anchors/">Anchors</option> <optionvalue="http://www.conceptfbo.it/fancy-fabrics/animals/">Animals</option> </select></fieldset></form>
Tuttavia se ti serve un dropdown menù puoi farlo più semplicemente con CSS. Ho riadattato l'esempio fatto qui (https://www.w3schools.com/css/css_dropdowns.asp ), al tuo caso.
Quindi inserisci nello stile
Invece per quanto riguarda il codice HTML, semplicemente sostituisci quello che hai da <form> incodice:<style>/* Stile del Bottone*/ .dropbtn { background-color:#4CAF50; color: white; padding:16px; font-size:16px; border: none; cursor: pointer; } /* Contenitore del menù */ .dropdown { position: relative; display:inline-block; } /* Il contenuto del menù nascosto di default */ .dropdown-content { display: none; position: absolute; background-color:#f9f9f9; min-width:160px; box-shadow:0px8px16px0px rgba(0,0,0,0.2); z-index:1; } /* Le voci del menù */ .dropdown-content a { color: black; padding:12px16px; text-decoration: none; display: block; } /* Cambio di colore al passaggio del mouse */ .dropdown-content a:hover {background-color:#f1f1f1} /* Mostrare menù */ .dropdown:hover .dropdown-content { display: block; } /* Cambia il colore del bottone al passaggio del mouse */ .dropdown:hover .dropbtn { background-color:#3e8e41; } </style>
Ti ho messo qui l'esempio così da vederlo https://www.w3schools.com/code/tryit...e=FEE7HDTAIFYQcodice HTML:<divclass="dropdown"><buttonclass="dropbtn">Select Graphics</button> <divclass="dropdown-content"> <ahref="http://www.conceptfbo.it/fancy-fabrics/anchors/">Anchors</a> <ahref="http://www.conceptfbo.it/fancy-fabrics/animals/">Animals</a> </div> </div>
Spero sia tutto chiaro![]()

Rispondi quotando
