2014-04-14 1 views
0

안녕 난 JQuery와 선택 2 - 플러그인 함께 일하고 :JQuery와 선택 2 검색/전송 데이터가

http://ivaynberg.github.io/select2/

기본 사용은 :

<select style="width:300px" id="source"> 
     <optgroup label="Alaskan/Hawaiian Time Zone"> 
      <option value="AK">Alaska</option> 
      <option value="HI">Hawaii</option> 
     </optgroup> 
     <optgroup label="Pacific Time Zone"> 
      <option value="CA">California</option> 
      <option value="NV">Nevada</option> 
      <option value="OR">Oregon</option> 
      <option value="WA">Washington</option> 
     </optgroup> 
    </select> 

$(document).ready(function() { 
    $("#source").select2({ 
     placeholder: "Select a State", 
     allowClear: true 
    }); 
}); 

작품 완벽 하지만 아무도 방법을 알고 않습니다 URL을 원격 데이터로드가 필요할 때 계속하려면 URL을 통해 PHP 파일에 데이터를 보내야합니다.

include "storescripts/connect_to_mysql.php"; 

$data = trim(strip_tags($_GET['data'])); // Like this? 

if(!empty($data) && isset($data) && strlen($data) != 0) { 
    $stmt = $dbh->prepare('SELECT id,product FROM `table` WHERE `product` LIKE :keyword'); 
    $keyword = "%".$data."%"; 
    $stmt->bindParam(':keyword', $keyword, PDO::PARAM_STR); 
    $stmt->execute(); 
    while ($user = $stmt->fetch(PDO::FETCH_ASSOC)) { 
     $user['item']=htmlentities(stripslashes($user['product'])); 
     $user['id']=$user['id']; 
     $user_set[] = $user; 
    } 
    echo json_encode($user_set); 
} else { 
    echo json_encode(array("error" => "You forgot to type..." , "result" => 0)); 
} 
echo json_encode($user_set); 

아무도 아는이 프로세스에 대한 jquery/아약스 빌드하는 방법? 웹 사이트에서 예제 코드를 사용해 보았지만, 아무도이 요청을 도와 줄 수 없습니까?

인사말! Ajax 호출의

답변

0

예 :

 $('#dropdown_users').select2({ 
      placeholder: "Search User", 
      minimumInputLength: 3, 
      multiple: false, 
     ajax: { 
      url: "/ingeb/api_v1/users", 
      dataType: 'json', 
      quietMillis: 100, 
      data: function (term, page) { 
       return { 
        q: term, 
        page_limit: 10 
       }; 
      }, 
      results: function (data, page) { 
        return {results: data}; 
        } 
       } 
      }); 

PHP는 다음과 같은 형식이어야 값을 반환하는 형식은 :

[{"id":2,"text":"kim gysen"}] 

html로는 다음과 같다 :

<input type="hidden" id="dropdown_users" /> 

입력 유형을 숨김으로 설정하십시오.

+0

어떻게 문서에 표시해야하는 이미지를 추가 할 수 있습니까? – user3532765

+0

좋은 질문입니다. 잘 모르겠습니다. 다른 사람? – Trace

+0

및이 경우 또는 무엇을해야할까요? 인사!! – user3532765