Javascript 使用范围滑块从下拉字段中选择选项

Javascript 使用范围滑块从下拉字段中选择选项,javascript,html,wordpress,woocommerce,html-select,Javascript,Html,Wordpress,Woocommerce,Html Select,我试图构建一个范围滑块,将其值传递到下拉选择字段。我设法传递了这些值,下拉列表显示了所选的值,但它不能完全工作 通常,当我从下拉列表中选择一个值时,页面的其余部分会动态更改,但使用此脚本选择选项似乎不会触发任何事件,这些事件会告诉网站已选择一个新值。我希望我想说的很清楚。这是我的密码: window.addEventListener(“加载”,函数(){ var slider=document.querySelector(“输入[type='range']”); slider.addEvent

我试图构建一个范围滑块,将其值传递到下拉选择字段。我设法传递了这些值,下拉列表显示了所选的值,但它不能完全工作

通常,当我从下拉列表中选择一个值时,页面的其余部分会动态更改,但使用此脚本选择选项似乎不会触发任何事件,这些事件会告诉网站已选择一个新值。我希望我想说的很清楚。这是我的密码:

window.addEventListener(“加载”,函数(){
var slider=document.querySelector(“输入[type='range']”);
slider.addEventListener(“更改”,函数(){
let element=document.getElementById(“anteil cbd”);
element.value=this.value+“%”;
元素。dispatchEvent(新事件('change'))
});

});只要在更改下拉列表后手动触发事件,如果它不是自己触发的,您能告诉我它是如何完成的吗?我想dispatchEvent就是这样做的