Javascript 指向同一URL的下拉菜单

我创建了一个下拉菜单，可以从中选择多个选项。 然而，我选择的任何选项都会将我指向同一个URL。在本例中，是最后编写的代码。有人能告诉我代码中遗漏了什么吗

从“wix位置”导入wixLocation；
$w.onReady（函数（）{
$w（“#dropdown1”）.onChange（（事件，$w）=>{
console.log（event.target.value）；//iPhone X
wixLocation.to（“/iphonex”）；
});
});
$w.onReady（函数（）{
$w（“#dropdown1”）.onChange（（事件，$w）=>{
console.log（event.target.value）；//iphonexs
wixLocation.to（“/iphonexs”）；
});
});
$w.onReady（函数（）{
$w（“#dropdown1”）.onChange（（事件，$w）=>{
console.log（event.target.value）；//iphonexsmax
wixLocation.to（“/iphonexsmax”）；
});
});

您只需要一个事件处理程序。您需要转到值

如果有多个，则执行最后一个

从“wix位置”导入wixLocation；
$w.onReady（函数（）{
$w（“#dropdown1”）.onChange（（事件，$w）=>{
var page=event.target.value）；/“iphonex”或“iphonexs”等
如果（page）wixLocation.to（“/”+page.replace（/\s+/g，”）.toLowerCase（））；
});
});

如果改为将选项的值设置为iphonex、iphonexs等，则只需执行以下操作即可

    $w("#dropdown1").onChange((event, $w) => {
        var page = event.target.value); // "iphonex" OR "iphonexs" etc
        if (page) wixLocation.to("/"+page)
    });

---

谢谢你，我会在这个周末试一试，让你知道它是如何进行的。谢谢你，mplungjan…我试了最下面的一个，它很棒。