Javascript 3选择更改url的参数

在我的网页中，我有3个选择，我需要确保当每个选择中的值更改时，href中组成url的参数也会更改

这是select的html代码：

<select id="comune" name="comune">
 <option value="">Comune</option>
 <option value="comune1">comune 1</option>
 <option value="comune2">comune 2</option>
 <option value="comune3">comune 3</option>
</select>

<select id="nome" name="nome">
 <option value="">Nome</option>
 <option value="nome1">nome 1</option>
 <option value="nome2">nome 2</option>
 <option value="nome3">nome 3</option>
</select>

<select id="eta" name="eta">
 <option value="">Nome</option>
 <option value="eta1">eta 1</option>
 <option value="eta2">eta 2</option>
 <option value="eta3">eta 3</option>
</select>

<a href="elenco-mappa.html?comune=&nome=&eta=" id="cerca">cerca</a>

<select id="comune" name="comune">
 <option value="">Comune</option>
 <option value="comune1">comune 1</option>
 <option value="comune2">comune 2</option>
 <option value="comune3">comune 3</option>
</select>

<select id="nome" name="nome">
 <option value="">Nome</option>
 <option value="nome1">nome 1</option>
 <option value="nome2">nome 2</option>
 <option value="nome3">nome 3</option>
</select>

<select id="eta" name="eta">
 <option value="">Nome</option>
 <option value="eta1">eta 1</option>
 <option value="eta2">eta 2</option>
 <option value="eta3">eta 3</option>
</select>

<a href="elenco-mappa.html?comune=&nome=&eta=" id="cerca">cerca</a>

---

非常感谢你的帮助

每次选择都需要一个事件侦听器。这三种选择的功能可以相同。您可以在下面看到一个工作片段：

const-comune=document.getElementById（'comune'）；
const nome=document.getElementById（'nome'）；
const eta=document.getElementById（'eta'）；
const cerca=document.getElementById（'cerca'）；
函数generateLink（）{
cerca.href=`elenco mappa.html？comune=${comune.value}&nome=${nome.value}&eta=${eta.value}`；
console.log（cerca.href）；
}
comune.addEventListener（'change'，generateLink）；
命名为addEventListener（“变更”，generateLink）；
eta.addEventListener（'change'，generateLink）

科穆尼
comune 1
comune 2
comune 3
诺姆
诺姆1
诺姆2
诺姆3
诺姆
埃塔1
埃塔2号
埃塔3
这就是你想要的吗


var-prams={
comune:“，
诺姆：“，
预计到达时间：''
}
$（文档）.ready（函数（）{
$（'.select'）.change（函数（）{
var name=$（this.attr（'name'）；
var val=$（this.val（）；
婴儿车[名称]=瓦尔；
$（'cerca'）.attr（'href'，'elenco mappa.html？comune=${prams.comune}和nome${prams.nome}=&eta=${prams.eta}）；
});
});

科穆尼
comune 1
comune 2
comune 3
诺姆
诺姆1
诺姆2
诺姆3
诺姆
埃塔1
埃塔2号
埃塔3

<select id="comune" name="comune">
 <option value="">Comune</option>
 <option value="comune1">comune 1</option>
 <option value="comune2">comune 2</option>
 <option value="comune3">comune 3</option>
</select>

<select id="nome" name="nome">
 <option value="">Nome</option>
 <option value="nome1">nome 1</option>
 <option value="nome2">nome 2</option>
 <option value="nome3">nome 3</option>
</select>

<select id="eta" name="eta">
 <option value="">Nome</option>
 <option value="eta1">eta 1</option>
 <option value="eta2">eta 2</option>
 <option value="eta3">eta 3</option>
</select>

<a href="elenco-mappa.html?comune=&nome=&eta=" id="cerca">cerca</a>

$("#comune, #nome, #eta").on("change", function () {

    var comune = encodeURIComponent($("#comune").val());
    var nome = encodeURIComponent($("#nome").val());
    var eta = encodeURIComponent($("#eta").val());

    var link = `elenco-mappa.html?comune=${comune}&nome=${nome}&eta=${eta}`;
    $("#cerca").attr("href", link);

})