希望在用戶單擊提交時將javascript用於多個選擇菜單

Question

我實質上是在嘗試復制此產品過濾器（LINK->）www.safavieh.com/rugs（<-LINK），除了使用的不是6個選擇菜單外，都是4。

我應該使用Onclick事件嗎？ 我對JS非常陌生，我已經在PHP中完成了一些表單驗證，但是我們的電子商務平台不支持PHP，因此我需要使用JS。

我顯然不是要別人寫出來，而是要帶頭指出正確的方向。 我自己學習這一點很重要。

任何幫助表示贊賞，謝謝

Answer 1

如果將選擇菜單包裝在表單元素中，並對提交按鈕使用<input type=submit> ，則可以在提交表單之前使用表單的onSubmit事件進行任何預處理。 可以通過domNode表單訪問所有表單字段。 例如，如果您使用var form = document.getElementById('myForm');訪問表單<form id='myForm'> var form = document.getElementById('myForm'); ，然后選擇<select id="mySelect>的值可以通過form.myForm.value獲得。

由於您是過濾客戶端，因此您仍然可以使用onSubmit事件，只需阻止它的默認操作即可：

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