jqueryでcurrenturlを変更するには？

Question

私は今、最初のオプション値が変更されたときに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> のような3の選択オプションがあります。 例：currentUrlが "" の場合、最初のオプション値を変更した場合、私のURLはthis = "http://example.com/home/first_option_value"のようになります。

Answer 1

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 { 

    } 

}