javascript - 当用户单击提交时，希望将 javascript 用于多个选择菜单

Question

我实际上是在尝试复制此产品过滤器 (LINK-->) www.safavieh.com/rugs (<--LINK)，除了我使用 4 个而不是 6 个选择菜单。

我应该使用 Onclick 事件吗？我对 JS 很陌生，我在 PHP 中做了一些表单验证，但是我们的电子商务平台不支持 PHP，所以我需要使用 JS。

我显然不是要求有人把它写出来，而是带路并指出我正确的方向。我自己学习这一点很重要。

任何帮助表示赞赏，谢谢

Answer 1

如果您将选择菜单包装在表单元素中，并使用<input type=submit>提交按钮，那么您可以使用表单的onSubmit事件在表单提交之前进行任何预处理。表单的所有字段都可以通过表单 domNode 访问。例如，如果您使用 访问表单<form id='myForm'>，var form = document.getElementById('myForm');则可以使用 获取 select<select id="mySelect>的值form.myForm.value。

由于您的过滤客户端，您仍然可以使用 onSubmit 事件，只是阻止它的默认操作：

form.onSubmit = function(event) {
    event.preventDefault();
    // filtering code goes here.
};