2011-08-01 4 views
0

아래에는 사용자가 텍스트 상자에 3 자 이상의 글자를 입력 할 때 추천 단어 목록 (rpc.php)을 보여주는 코드가 있습니다. 제 질문은 어떻게 편집 할 수 있습니까? 사용자가 제안 단어를 선택하면 양식이 제출됩니까?autocomplete jQuery 스크립트에서 제안 된 값을 자동 제출하는 방법은 무엇입니까?

추천 단어를 클릭하면 텍스트 상자에 배치됩니다.

두 가지 가능한 방법을 생각했습니다.

  1. 사용자가 제안 단어를 선택하면 양식이 자동 제출됩니다.
  2. 추천 단어는 결과 페이지로 올바르게 연결되는 링크입니다. (나는 rpc.php를 통해 원하는 링크를 설정할 수있다).

    <script type="text/javascript"> 
    $().ready(function() { 
    
        $("#s").autocomplete("rpc.php", { 
         width: 250, 
         selectFirst: false, 
         minChars: 3, 
         scroll:true, 
         matchContains: true, 
         scrollHeight: 250 
        }); 
    
    }); 
    </script> 
    

이 내 모양이다

<form method="get" action=".php"> 
<input type="text" name="s" id="s" class="inputsearch"> 
<input id="searchform" type="submit"> 
</form> 
+0

이이 플러그인의 jQueryUI 버전과 매우 쉬울 것이다 (http://www.jqueryui.com/demos/autocomplete) . 이 플러그인은 더 이상 사용되지 않습니다. 해당 플러그인으로 업그레이드 하시겠습니까? –

+0

예. Ajax와 jQuery에 익숙하지 않아서 – EnexoOnoma

답변

0
$("#s").autocomplete("rpc.php", { 
     width: 250, 
     selectFirst: false, 
     minChars: 3, 
     scroll:true, 
     matchContains: true, 
     scrollHeight: 250 
    }).result(function(event, item) { 
     $.ajax({ 
      type: "POST", 
      url: "some.php", 
      data: {s:$("#s").val()}, 
      success: function(msg){ 
       alert("Data Saved: " + msg); 
        } 
      }); 
    }); 
+0

옵션입니다. 어떻게 이름과 ID로 텍스트 상자의 값을 보낼 수 있습니까? 양식에 내 질문을 업데이트했습니다. – EnexoOnoma

+0

귀하의 요청에 맞게 업데이트되었습니다. – Efazati

+0

감사합니다. 답변을 얻지 만, 내가 원하는 것은 그를 www.domain.com/index.php?s= 및 추천 단어와 같은 페이지로 이동시키는 것입니다. 그게 가능하니? – EnexoOnoma

관련 문제