로드

Question

나는 다음과 같은 HTML 사용하고 게시물 값으로 SELECT 사용하여 데이터 :

<select name="compet" id="compet"></select> 
<select name="spage" id="spage"> 
    <option value="home">Home</option> 
    <option value="insert">Insert</option> 
    <option value="ranking">change</option> 
    <option value="details">Details</option> 
</select> 
<input type="submit" name="ChangePage" id="Goto" onclick="change_page()" value="ChangePage" /> 

을 다음과 같은 jQuery를 (내가 사업부에 AJAX를 통해 새 페이지를로드하기 위해 버튼을 클릭을 원하는) :

<script type="text/javascript"> 
    function change_page(){ 
    $.ajax({ 
     url: '', // This is where I want to get the value based on the SELECT 
     type: 'POST', 
     data: { compet: $('#compet').val() }, 
     success: function(data){ 
     $(".myresult").html(data); 
     } 
    }) 
    } 
</script> 

SELECT의 항목을 기준으로 URL을 원합니다. 그래도 이것을 달성하는 방법을 모르겠다. 어떤 제안이라도 도움이 될 것입니다! 나는이 HTML로 변경 한 후

Answer 1

이 작동합니다 (NB는 테스트되지 않음)

<script type="text/javascript"> 
    function change_page(){ 

    var myurl; 

    switch($("#spage").val()) 
    { 
     case "home": 
      myurl = "http://mysite.com"; 
      break; 
     case "insert": 
      myurl = "http://mysite.com/insert"; 
      break; 
     case "ranking": 
      myurl = "http://mysite.com/ranking"; 
      break; 
// etc 
    } 


    $.ajax({ 
     url: myurl, 
     type: 'POST', 
     data: { compet: $('#compet').val() }, 
     success: function(data){ 
     $(".myresult").html(data); 
     } 
    }) 
    } 
</script> 

Answer 2

지금은 일입니다

<select name="compet" id="compet"></select> 
<select name="spage" id="spage"> 
    <option value="home">Home</option> 
    <option value="insert">Insert</option> 
    <option value="ranking">change</option> 
    <option value="details">Details</option> 
</select> 
<input type="button" name="ChangePage" id="Goto" onclick="change_page()" value="ChangePage" /> // I changed type to button from submit 

당신을