Javascript 是否有一个onClick功能可以分配给一个按钮-导致在其他地方的下拉菜单中选择一个选项？

我在这里有一个搜索和筛选表单（见帖子网格页面顶部）：

表单中名为“Boligtype”的第二个字段是允许多选的下拉列表

我想在同一页面的其他地方创建一个按钮（在搜索和筛选表单之外）——点击该按钮可激活上述下拉列表中的“Villa”选项

我是js的新手，所以我自己也尝试过一些不同的选择，但我很确定这些选择都是很长的路要走。我只知道我需要一个“onClick”活动，从这里和谷歌上搜索文章。但我对js还是新手，所以我真的不知道该从哪里开始：

<button onclick="myFunction()">Villas</button>

<script>
function myFunction() {

}
</script>

别墅
函数myFunction（）{
}

您可以找到元素并触发

单击事件（或您正在收听的任何事件）

对于您的特定页面，您似乎正在收听
标签

document.querySelector('.sf-field-post-meta-filter_boligtype > label').dispatchEvent(new Event('click'))

下面是一个简单的示例，显示了如何通过单击按钮在下拉列表中选择第一个选项：


函数按钮单击（）{
document.getElementById（“first”）.selected=true；
}
第一购股权
第二种选择
第三种选择
点击我！

我们使用
onclick=“
属性将事件侦听器添加到按钮，以便函数
buttonClick（）将被调用并激活第一个选择选项，因此您可以根据需要选择任何选项。
如果这解决了您的问题，我将对此进行解释


函数myfunction（值）{
console.log（值）；
开关（值）{
案例“酒店”：警报（“酒店”）；
//$（“#mybutton”）.addClass（“d-none”）；//如果使用引导，则可以添加此选项
$（'mybutton'）.attr（'hidden'，true）；
打破
案例“别墅”：
警报（“别墅”）；
//$（“#mybutton”）.removeClass（“d-none”）；//如果使用引导，则可以添加此选项
$（“#我的按钮”）.removeAttr（'hidden'）；
打破
案例“测试”：警报（“测试”）；
//$（“#mybutton”）.addClass（“d-none”）；//如果使用引导，则可以添加此选项
$（'mybutton'）.attr（'hidden'，true）；
打破
默认值：警报（“空”）；
//$（“#mybutton”）.addClass（“d-none”）；//如果使用引导，则可以添加此选项
$（'mybutton'）.attr（'hidden'，true）；
}
}

示例选择
酒店
别墅
测试
4.
5.
单击Villa选项
是否使用jquery？作为表单？对但这是一个插件，不是我自己编写的代码。请浏览下面的链接。我希望这能帮助你。非常感谢你联系克里斯！但有一个问题：我在代码中没有看到“Villa”，它怎么知道我想要点击那个选项？哎呀，我错过了那个部分。这会变得更棘手，因为不清楚您在多选中使用了什么。@emilianoD85一般的想法是触发与单击其中一个选项时发生的事件相同的事件。快速查看，它似乎是
search\u results\u mouseup
。因此，您希望触发该事件（该事件可能包装在您的插件中）。
document.querySelector('.sf-field-post-meta-filter_boligtype > label').dispatchEvent(new Event('click'))