2013-10-09 5 views
1

나는 다음과 같은 코드가 자동 완성이 완벽하게 작동하지만,이 값을 입력하거나 클릭하여 여부를 선택할 때 양식을 제출하지 않는이 있습니다 JS 파일 :의 jQuery 자동 완성을 선택 이벤트가 작동하지 않는 양식을 제출

$(document).ready(function() { 
    $("#search").autocomplete(
       { 
     source:'autocomplete.php', 
       minLength:1, 
       autoFocus: true, 
       delay: 100, 
       select: function(event, ui) { 
        $("#search").val(ui.item.label); 
        $("#searchForm").submit(); 
       } 
    }); 
}); 

<form action="search_results.php" method="GET" id="searchForm" name="searchForm"> 
    <input type="text" name="search" id="search" > 
    <input type="submit" value="GO!" id="submit"> 
</form> 

자동 작동하지 않는 제출할 이유를 모르겠어요 :

내 PHP 파일이 양식을 포함하고 있습니다! 어떤 도움을 주시면 감사하겠습니다

+0

것은 당신이 정상이 제출 차단할 수 있습니다 양식 유효성 검사의 어떤 종류가 있습니까? –

+0

아무것도 아니야, 페이지의 유일한 다른 자바 스크립트는 facebook 로그인 SDK이지만 폼 유효성 검사를 수행하지 않습니다. –

+0

그리고'# search' 입력은 정확하게 업데이트됩니다. $ ("# search") .val (ui.item.label);'? –

답변

2

input의 ID는 submit입니다. 이것은 분명히 name 속성이 "submit"일 때와 같은 문제입니다. jQuery는 그것을 좋아하지 않습니다.

그냥 같은 input를 제출의 ID를 변경 :

<input type="submit" value="GO!" id="submitForm"> 
+0

고마워요! 이것으로 해결했습니다 –

+0

나는 내 머리를 긁적 기 때문에 기뻐요 ... 나는 비슷한 문제가 있었음을 기억합니다 :) –

+0

이것은 상상할 수 없었습니다. 잘 했어 :) –

관련 문제