日期過濾器 - 合併數據

Question

我有以下代碼

<form method="get"> 
<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns --> 
    <label>Datum Filter</label> 
    <p> 
     Vanaf 
     <br> 
     <select class="date1small-input" type="text" name="fd" /> 
      <option value="1">1</option> 
      <option value="31">31</option>          
     </select> 

     <select class="date1small-input" type="text" name="fm" /> 
      <option value="1">1</option> 
      <option value="12">12</option> 
     </select> 

     </select> 
      <select class="date2small-input" type="text" name="fy" /> 
      <option value="2012">2012</option> 
      <option value="2013">2013</option> 
     </select> 
    </p> 
    <p> 
     Tot en met 
     <br> 
     <select class="date1small-input" type="text" name="ud" /> 
      <option value="1">1</option>     
      <option value="31">31</option>          
     </select> 

     <select class="date1small-input" type="text" name="um" /> 
      <option value="1">1</option> 
      <option value="12">12</option> 
     </select> 

     </select> 
      <select class="date2small-input" type="text" name="uy" /> 
      <option value="2012">2012</option> 
      <option value="2013">2013</option> 
     </select> 
    </p> 
    <p> 
     <button class="button" type="submit">Filter</button> 
    </p> 
</fieldset> 
</form> 

，它工作正常，但是當我點擊「過濾器」按鈕，它發出的日期這樣的瀏覽器：

URL?fd=1&fm=1&fy=2012&ud=1&um=1&uy=2012 

我知道這是正常的，但有可能讓它創建這樣的鏈接：

URL?fd=1/1/2012&ud=1/1/2012 

Answer 1

用純HTML這是不可能的。

您可以使用Javascript函數，它以所需的格式提交表單數據。

另一種方法可能是服務器端的URL重寫。

Answer 2

如果你在窗體的onsubmit上添加一個簡單的js函數，你可以組裝任何你喜歡的url。例如（獲得URL?fdate=1/1/2012&udate=1/1/2012）：

function set_date(e) { 
    e.fdate.value = e.fd.value + "/" + e.fm.value + "/" + e.fy.value; 
    e.udate.value = e.ud.value + "/" + e.um.value + "/" + e.uy.value; 
    return true; 
} 

<form action='...' onsubmit='return set_date(this);'>