Jquery help making ajax request

Question

나는 ajax 요청을하려고하고있다. 양식에서 옵션을 클릭하면 아약스 요청이 없습니다. 그러나 나는 올바른 페이지로 간다.

내 JQuery와 :

는 ID의 formcontent와 사업부에 렌더링하고 URL이 파인더 수 있도록 내가, 아약스 요청을 할 방법

$(document).ready(function() { 
    // send form ved klik paa listen 
    $('option').click(function() 
    { 
     var form=$(this).closest('form'); 
     $.ajax({ 
      type:'post', 
      url:form.attr('action'), 
      data:form.serialize(), 
      success:function(msg){ 
      $('#formcontent').html(msg); 
      } 
     }); 
    }); 
}); 

$().ready(function() { 
    $('#jump_nav_submit').hide(); 
}); 

$('#jump_nav').live('change', function() { 
    window.location = "\/finder\/" + $(this).val(); 
}); 

/whateverthevalueofthe 옵션입니다. 매개 변수가 있기 때문에

$().ready(function() { 
    $('#jump_nav_submit').hide(); 
}); 

$('#jump_nav').live('change', function() { 
    window.location = "\/finder\/" + $(this).val(); 
}); 

을하지만 아약스 요청이 작동하지 않습니다 : http://localhost:3000/finder/?id=16&utf8=%E2%9C%93

대신에 : http://localhost:3000/finder/1

Answer 1

옵션 요소는 지원하지 않습니다

나는이 문제를 제거하기 위해 노력했다 클릭 이벤트 크로스 브라우저. 그것은 Fifrefox에서 작동하지만, 크롬/사파리에 대해 기억할 수는 없습니다.

모든 브라우저를 지원하는 것과 관계없이 선택 변경 이벤트에서 아약스 호출을 수행해야합니다.

코드 스 니펫을 사용하면 옵션에 따라 달성하려는 노력을 명확하게 알 수 없으므로 선택 변경 이벤트에서 리디렉션을 클릭하면 추가 정보를 제공 할 수 있습니다.