HTML下拉菜單的問題

我試圖讓我的網站的自定義搜索來搜索一年+車型HTML下拉菜單的問題

所以我做了這個下拉列表像

<form method="get" id="searchform" action="http://store.ijdmtoy.com/-s/146.htm"> 
    <INPUT TYPE=HIDDEN NAME="searching" VALUE="Y"> 
    <p> 
     <select size="1" name="Search"> 
      <option>2014</option> 
      <option>2013</option> 
      <option>2012</option> 
      <option>2011</option> 
      <option>2010</option> 
      <option>2009</option> 
      <option>2008</option> 
      <option>2007</option> 
      <option>2006</option> 
      <option>2005</option> 
      <option>2004</option> 
      <option>2003</option> 
      <option>2002</option> 
      <option>2001</option> 
      <option>2000</option> 
     </select> 

     <select size="1" name=" "> 
      <option>TSX</option> 
      <option>MDX</option> 
      <option>RDX</option> 
      <option>RSX</option> 
      <option>NSX</option> 
      <option>ZDX</option> 
     </select> 

     <input type="submit" value="Search" name=""> 
    </p> 
</form>

當我運行此搜索，它將返回

http://store.ijdmtoy.com/Acura-LED-Interior-Light-Bundle-Deal-s/146.htm?searching=Y&Search=2011&+=TSX

，而不是

http://store.ijdmtoy.com/Acura-LED-Interior-Light-Bundle-Deal-s/146.htm?searching=Y&Search=2011+TSX

我想知道如何編輯此代碼，以便返回年份+車型而不是在他們之間有&和=？

來源

2014-02-11 user3295784

你能解釋一下你爲什麼想用那種方式？你需要用javascript來做到這一點。另外，最後兩個元素的name屬性是空白的。 –

我的網站搜索看起來像這個http://store.ijdmtoy.com/SearchResults.asp?Search=2011+TSX，因此我想使用兩個下拉菜單讓客戶進入2011和TSX，當他們點擊搜索，它會搜索使用這兩個條目 – user3295784

瞭解完整代碼。檢查出來記得第四行。必須有正確的jQuery的文件路徑 通知我已經給了一個名稱，第二個下拉也..

<html> 
<head> 
<!-- jquery file path--> 
<script src="jquery.min.js" style="text/javascript"></script> 
<script> 
$("document").ready(function(){ 
    $("#searchform").submit(function(e){ 
     // prevent to submit the form 
     e.preventDefault(); 

     //getting values 
     var searching = $(this).find('input[name="searching"]'); 
     var search = $(this).find('select[name="Search"]'); 
     var other = $(this).find('select[name="OtherVal"]'); 

     //getting url 
     var url = $(this).attr("action"); 

     // changing the values as u want 
     var url = url+"?searching="+searching.val()+"&Search="+search.val()+"+"+other.val(); 

     //redirect to new URL 
     window.location.href = url; 

     //return false to double sure defult values are not posting to the form 
     return false; 
    }) 
}); 
</script> 
</head> 
<body>   
<form method="get" id="searchform" action="http://store.ijdmtoy.com/-s/146.htm"> 
    <INPUT TYPE=HIDDEN NAME="searching" VALUE="Y"> 
    <p> 
     <select size="1" name="Search"> 
      <option>2014</option> 
      <option>2013</option> 
      <option>2012</option> 
      <option>2011</option> 
      <option>2010</option> 
      <option>2009</option> 
      <option>2008</option> 
      <option>2007</option> 
      <option>2006</option> 
      <option>2005</option> 
      <option>2004</option> 
      <option>2003</option> 
      <option>2002</option> 
      <option>2001</option> 
      <option>2000</option> 
     </select> 

     <select size="1" name="OtherVal"> 
      <option>TSX</option> 
      <option>MDX</option> 
      <option>RDX</option> 
      <option>RSX</option> 
      <option>NSX</option> 
      <option>ZDX</option> 
     </select> 
     <input type="submit" value="Search" name=""> 
    </p> 
    </form> 
</body> 
</html>

來源

2014-02-11 07:26:42

感謝您的幫助!!! – user3295784

我們歡迎..如果它爲你工作。。我建議你將其標記爲答案，以便其他人可以理解其有用的..！ –

我會先給你的選擇元素一些id，以便你可以識別它們。在我的代碼中，我將使用ID爲selectYear和selectMake。如果你打開使用jQuery，你可以做到以下幾點：

$(function() { 
    $('#searchform').submit(function(e) { 
     e.preventDefault(); 
     var year = $('#selectYear').val(); 
     var make = $('#selectMake').val(); 
     window.location.href = "http://store.ijdmtoy.com/Acura-LED-Interior-Light-Bundle-Deal-s/146.htm?searching=Y&Search=" + year + "+" + make; 
    }); 

});

來源

2014-02-11 06:47:37

感謝您的幫助，但我根本沒有關於jQuery的知識，你可以告訴我一個樣本編碼與2011年，2012年和TSX和RSX的汽車模型，以獲得這整個編碼以這種方式工作？提前致謝！ – user3295784

上面的代碼是您需要的所有JavaScript代碼。你所要做的就是在你的''中包含jQuery，並在你的'

HTML下拉菜單的問題

回答