Javascript 使用select onchange事件刷新jquery滑块

我有一个带有多个字段的表单，包括jquery滑块和选择下拉框。当前，当我更改下拉列表的选择时，我会通过以下javascript清除几个其他字段的值：

function clearVolumes() {
  document.getElementById('size').value = "";
  document.getElementById('amount').value = "";
  document.getElementById('hardwood_testet').value = "";
}

我称之为onchange：

<select id="catbiomass" name="categories[]" onchange="clearVolumes()" />

我尝试添加以下jquery：

$("#catbiomass").onchange(function() {
  $("#hardwoodslider").slider("value" , 0)
});

这不起作用，当我更改“选择”字段时，滑块没有重置为零。我一直在阅读这段代码，这段代码应该可以正常工作，所以问题是因为我实际上在select字段中调用了两个onchange事件，一个通过javascript，一个通过jquery

---

谢谢

我尝试了两种可能的解决方案，两种方法都很适合我：

合并两个onChange函数 $("#catbiomass").onchange(function() { document.getElementById('size').value = ""; document.getElementById('amount').value = ""; document.getElementById('hardwood_testet').value = ""; $("#hardwoodslider").slider("value" , 0) }); $（“#catbiome”）.onchange（function（）{ document.getElementById（'size'）。value=“”； document.getElementById（'amount'）。value=“”； document.getElementById（'hardwood_testet'）。value=“”； $（“#硬木滑块”）.滑块（“值”，0） }); 或 函数clearVolumes（）{ document.getElementById（'size'）。value=“”； document.getElementById（'amount'）。value=“”； document.getElementById（'hardwood_testet'）。value=“”； $（“#硬木滑块”）。滑块（“值”，0）； }

使用“.bind”而不是“.onchange”： $（“#catbios”）.bind（'change'，function（）{ $（“#硬木滑块”）。滑块（“值”，0）； });

---

您可以查看我的演示。

塞巴斯蒂安谢谢您，我选择了第二个，效果非常好。 $("#catbiomass").onchange(function() { document.getElementById('size').value = ""; document.getElementById('amount').value = ""; document.getElementById('hardwood_testet').value = ""; $("#hardwoodslider").slider("value" , 0) }); function clearVolumes() { document.getElementById('size').value = ""; document.getElementById('amount').value = ""; document.getElementById('hardwood_testet').value = ""; $("#hardwoodslider").slider("value" , 0); } $("#catbiomass").bind('change', function() { $("#hardwoodslider").slider("value" , 0); });