자바 스크립트의 드롭 다운 상자 변경시 경로 URL 변경

Question

안녕하세요 내 페이지에서 드롭 다운 상자가 변경되면 URL 경로를 변경하고 싶습니다.

<select id="SelectLocation" class="large" data-bind="value: StoreLocationSelected" > 
<option value="0" label="choose one"></option> 
<option>1</option> 
<option>1</option> 
<option>1</option> 
<option>1</option> 
</select> 

드롭 다운에서 옵션을 변경하면 페이지가 관련 URL 경로로 다시로드되기를 원합니다. 어떤 제안?

감사

Answer 1

당신은 아래의 방법을 사용할 수 있습니다.

<select id="dynamic_select"> 
    <option value="" selected>Pick a Website</option> 
    <option value="http://www.google.com/">Google</option> 
    <option value="http://www.youtube.com/">YouTube</option> 
    <option value="http://www.stackoverflow.com/">Stack Overflow</option> 
</select> 

<script> 
    $(function(){ 
     // bind change event to select 
     $('#dynamic_select').bind('change', function() { 
      var url = $(this).val(); // get selected value 
      if (url) { // require a URL 
       window.location = url; // redirect 
      } 
      return false; 
     }); 
    }); 
</script> 

바이올린 : 내가 제대로 여부를 질문을 가지고 있는지 http://jsfiddle.net/kiranvarthi/z60sxfkd/

Answer 2

<select id="SelectLocation" class="large" data-bind="value: G4.Model.Ticketing.StoreLocationSelected" onchange="window.location.href = 'Here get right url depending on value';" > 
<option value="0" label="choose one"></option> 
<option>1</option> 
<option>1</option> 
<option>1</option> 
<option>1</option> 
</select> 

Answer 3

사용과 같은보십시오 뭔가 같은이

location.href="Your dropdown ITEM" // Set this with your js function, onclick or whatever the way u want. 

Answer 4

뭔가 :

$("#SelectLocation").on("change", function(){ 
    document.location.href = $(this).val(); //assuming options have urls's in them 
}); 

Answer 5

확실하지. 나는 당신이 서버에 다시 게시하고 싶다고 생각한다. 양식 URL을 변경하려면 javascript/jquery를 사용하고 모든 양식 데이터로 제출하십시오.

//by name 
document.myform.action = url; 

//by id 
document.getElementById("form_id").action = url; 
document.getElementById("form_id").submit(); 

//jquery 
$("#form_id").attr("action", url); 
$("#form_id")[0].submit(); 

JS를 실행하기 위해 드롭 다운 선택한 인덱스 변경 이벤트를 사용할 수 있습니다.

확인 자세한 내용은 아래 URL : http://www.web-source.net/web_development/form_action.htm#.VEjMgyKUdDQ