lier 2 select ensemble sans BDD (avec un lien sur le deuxième select)

   Bonjour, je voulais savoir si mon code est bon, parce que je n'arrive pas à lier 2 select entre eux sans BDD sachant que je voudrais rajouter un lien sur chaque option du deuxième Select :

    <select id="select1" onchange="app_sel(this.value);" >
        <option value="1">Livres</option>
        <option value="2">Bande Dessiné</option>
        <option value="3">Manga</option>
    </select>
 
    <span id="select2">
        <select id="select21" style="display:inline;" onChange="location.href=''+this.options[this.selectedIndex].value+'.html';">
            <option value="page1">1</option>
            <option value="page2">2</option>
            <option value="page3">3</option>
        </select>
 
        <select id="select22" style="display:none;" onChange="location.href=''+this.options[this.selectedIndex].value+'.html';">
            <option value="page4">4</option>
            <option value="page5">5</option>
            <option value="page6">6</option>
        </select>
 
        <select id="select23" style="display:none;" onChange="location.href=''+this.options[this.selectedIndex].value+'.html';">
            <option value="page7">7</option>
            <option value="page8">8</option>
            <option value="page9">9</option>
        </select>
    </span>

 
    <script type="text/javascript">
        function app_sel(valeur) {
            var sels = document.getElementById("select2").getElementsByTagName("select");
            for(var i=0,l=sels.length;i&lt;l;i++) {
                sels.style.display = "none";
            }
            document.getElementById("select2"+valeur).style.display = "inline";
        }
    </script>

Livres/page2.html
pour obtenir cette url dans le lien, il faut rajouter:
+select1.value à location.href

et modifier les valeurs de ce sélecteur avec le nom de dossier correspondant.

soit ce code:
 

<select id="select1" onchange="app_sel(this.value);" >
        <option value="Livres/">Livres</option>
        <option value="Bande Dessinée/">Bande Dessinée</option>
        <option value="Manga/">Manga</option>
    </select>

    <span id="select2">
        <select id="select21" style="display:inline;" onChange="location.href=''+select1.value+this.options[this.selectedIndex].value+'.html';">
            <option value="page1">1</option>
            <option value="page2">2</option>
            <option value="page3">3</option>
        </select>
 
        <select id="select22" style="display:inline;" onChange="location.href=''+select1.value+this.options[this.selectedIndex].value+'.html';">
            <option value="page4">4</option>
            <option value="page5">5</option>
            <option value="page6">6</option>
        </select>
 
        <select id="select23" style="display:inline;" onChange="location.href=''+select1.value+this.options[this.selectedIndex].value+'.html';">
            <option value="page7">7</option>
            <option value="page8">8</option>
            <option value="page9">9</option>
        </select>
    </span>

 
    <script type="text/javascript">
        function app_sel(valeur) {
            var sels = document.getElementById("select2").getElementsByTagName("select");
            for(var i=0,l=sels.length;i&lt;l;i++) {
                sels.style.display = "none";
            }
            document.getElementById("select2"+valeur).style.display = "inline";
        }
    </script> 

j'ai modifié les 2 autres sélecteurs qui étaient en mode display none,

il faudra adresser un nom de dossier+ un slash / à la fin à ta variable de n° de page.
du coup ça fonctionne en autonome. ça donne une url avec catégorie et numéro de page.

le code est bon, il y manquait juste l'ajout de la première variable.