如何用jquery更改currenturl？

我有這樣 <select name="location" id="location"> <option>Dhaka</option> <option>Khulna</option> <option>Barisal</option> <option>Sylet</option> <select name="sublocation" id="sublocation"> <option>Mirpur</option> <option>Uttra</option> <option>Kalkini</option> <option>Tungipara</option> <select name="area" id="area"> <option>Dasar</option> <option>Mirpur-1</option> <option>Patgati</option> <option>Nabagram</option> 現在如何在第一個選項值改變改變與jQuery的CURRENTURL 3選擇選項。例如：如果我currentUrl是「」那麼如果我改變第一個選項的價值，我想我的網址就像這樣=「http://example.com/home/first_option_value」。如何用jquery更改currenturl？

來源

2017-10-14 Kuntal Gupta

你試過，發佈小提琴.... – Piyuesh

onchange上的呼叫功能，只是通過當前選擇選項。

HTML

<div> 
<select name="location" id="location" onchange="ChangeUrl(1)"> 
    <option value="">Select</option> 
    <option value="Dhaka">Dhaka</option> 
    <option value="Khulna">Khulna</option> 
    <option value="Barisal">Barisal</option> 
    <option value="Sylet">Sylet</option> 
</select> 

<select name="sublocation" id="sublocation" onchange="ChangeUrl(2)"> 
    <option value="">Select</option> 
    <option value="Mirpur">Mirpur</option> 
    <option value="Uttra">Uttra</option> 
    <option value="Kalkini">Kalkini</option> 
    <option value="Tungipara">Tungipara</option> 
</select> 
<select name="area" id="area" onchange="ChangeUrl(3)"> 
    <option value="">Select</option> 
    <option value="Dasar">Dasar</option> 
    <option value="Mirpur-1">Mirpur-1</option> 
    <option value="Patgati">Patgati</option> 
    <option value="Nabagram">Nabagram</option> 
</select>

的js

function ChangeUrl(value) { 
    var FirstOptionVal = ""; 
    var SecondOptionVal = ""; 
    var ThirdOptionVal = ""; 
    if (value == 1) { 
     FirstOptionVal = $("#location").val(); 
     if (FirstOptionVal == "") { 
      alert("Please select Location!"); 
     } 
     else { 
      window.location.href = "http://example.com/home/" + FirstOptionVal; 
     } 

    } 
    else if (value == 2) { 
     FirstOptionVal = $("#location").val(); 
     SecondOptionVal = $("#sublocation").val(); 
     if (FirstOptionVal == "" || FirstOptionVal == undefined) { 
      alert("Please select Location!") 
     } 
     else if (SecondOptionVal == "" || SecondOptionVal == undefined) { 
      alert("Please select Sublocation!") 
     } 
     else { 
      window.location.href = "http://example.com/home/" + FirstOptionVal + "/" + SecondOptionVal; 
     } 
    } 
    else if (value == 3) { 
     FirstOptionVal = $("#location").val(); 
     SecondOptionVal = $("#sublocation").val(); 
     ThirdOptionVal = $("#area").val(); 
     if (FirstOptionVal == "" || FirstOptionVal == undefined) { 
      alert("Please select Location!") 
     } 
     else if (SecondOptionVal == "" || SecondOptionVal == undefined) { 
      alert("Please select Sublocation!") 
     } 
     else if (ThirdOptionVal == "" || ThirdOptionVal == undefined) { 
      alert("Please select Area!") 
     } 
     else { 

      window.location.href = "http://example.com/home/" + FirstOptionVal + "/" + SecondOptionVal + "/" + ThirdOptionVal; 
     } 
    } 
    else { 

    } 

}

來源

2017-10-14 05:57:22

我已經盡力，但我需要這樣的：當我改變第一個選項的工作，但如果我改變第二個選項，我需要這樣的網址=「」http://example.com/home/first_val/second_val 「;這個怎麼做？ –

我的英語是這麼一週請不要介意。 –

不，它的好..我正在爲你寫代碼..將更新我的答案:-) –

如何用jquery更改currenturl？

回答

相關問題