2013-06-10 2 views
2

자동 완성 부분이 작동하지만 드롭 다운의 값을 클릭하면 검색 상자에 값이 입력되고 검색을 수행하려면 Enter 키를 눌러야합니다. 검색 할 값을 얻으려면 어떻게해야합니까? 데이터 반환됩니다 source 속성이 원격 엔드 포인트를 가리 수 documentation에 나타낸 바와 같이jquery 자동 완성 값을 검색하는 방법은 무엇입니까?

<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 

<script> 
    $(function() { 
    var availableTags = [ 
     "SEO", 
     "Responsive Design", 
     "Google Local", 
     "Twitter", 
     "Social Media", 
     "Web Design", 
     "What is Google Authorship", 
     "NFL", 
     "Fantasy Football Rankings", 
     "Kevin Sullivan", 
     "Fantasy Football RB Rankings 2013", 
     "Fantasy Football", 
     "How to Buy Twitter Followers", 
     "Advanced IFX", 
     "Social Media Marketing", 
     "NFL Schedule 2013-2014 Season", 
     "Fantasy Football Breakdown", 

    ]; 
    $(".search_box").autocomplete({ 
    source: availableTags, 
    select: function(event, ui) { 
    $(".search_box").val(ui.item.value); 
    $("#search").submit(); 
    }); 
    }); 
    </script> 

답변

0

:이 생각

<script type="text/javascript"> 
    $('.search_box').autocomplete({ 
     source: '/remote.php' 
    }); 
</script> 
+0

저를 도와 주셔서 감사합니다,하지만 내 바보 같은 엉덩이에 조금 너무 고급입니다. 자동 완성 값을 클릭 할 때 검색하는 방법이 있습니까? – user2469885

1

당신이 찾고있는 무슨이다 대상 :

$(".search_box").autocomplete({ 
    source: availableTags, 
    select: function(event, ui) { 
    $(".search_box").val(ui.item.value); 
    $("form").submit(); 
    } 
}) 

"양식"을 변경하여 검색을 위해 제출할 특정 양식을 선택하십시오. 이렇게하면 검색 상자에 클릭 한 값이 채워지고 검색 양식이 자동으로 제출됩니다.

다음은 테스트에 사용할 수있는 jsfiddle입니다 : http://jsfiddle.net/4gArf/

+0

자동 완성 기능을 사용하지 않는 것으로 보입니다. 나는 $ ("search") 만 변경했다. – user2469885

+0

CSS 선택기 "search"는 모든 태그를 찾습니다. 그게 당신이 의도 한 것입니까? – musicnothing

+0

테스트를 위해 jsfiddle을 추가했습니다. – musicnothing