Générer des liens avec un <select>

Bonjour,

J'ai un lien qui se génère et fonction du choix dans un selectb pour que le select apparait il faut faire un choix dans un autre select,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<select id="Location" name="Location">
<option value="">Choisissez la location</option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
 
<select id="Modele" name="Modele" onclick="fChgPoste(this.id)">
<option value="">Choisissez le modèle</option>
<option class="aaa" id="1" value="ccc">ccc</option>
<option class="aaa" id="2" value="ddd">ddd</option>
<option class="bbb" id="3" value="eee">eee</option>
</select>

Par exemple si dans Location on choisi "aaa" et dans Modele on choisi "ddd"

Dans le liens je dois avoir l'id 2, pour ça pas de soucis, mais si on choisi dans Location "bbb" sans rien modifié dans Modele ni actualiser la page, le lien qui se génère reste avec l'id 2, alors que je souhaiterais que si on modifie la location, que le lien s'efface pour que l'id se supprime t'en qu'aucun Modele n'est sélectionné.

Voici comment je génère mon lien:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
var Modele= '';
var vUrlDeb = 'http://monsite.com[';
var vUrlFin = ']=on';
var vUrlFin1 = ']=off';
var vUrl = '';
var vUrl1 = '';
 
function fChgPoste(val)
{
    var x = document.getElementById(val).selectedIndex;
    var y = document.getElementById(val).options;
    Modele = y[x].id;
    fValUrl();
}
function fValUrl()
{
    vUrl = vUrlDeb + Modele + vUrlFin ;
    vUrl1 = vUrlDeb + Modele + vUrlFin1 ;
    document.getElementById('monLien').href = vUrl;
    document.getElementById('monLien1').href = vUrl1;
}
function fInit()
{
    var x = document.getElementsByName('Modele');
    var i;
    for (i = 0; i < x.length; i++)
    {
        if (x[i].type == 'select')
        {
            if (x[i].checked == true)
            {
                Modele = x[i].value;
            }
        }
    }
}

Merci pour votre aide