2017-10-11 4 views
0

jquery ui 자동 완성에 새로 추가되었습니다. 기본적으로 아약스와 함께 자동 완성 기능을 사용하고 PHP를 사용하여 사용자 목록을 얻습니다.Jqueryui 자동 완성, 선택한 사용자 ID 가져 오기

autocompleteajax.js

$(function() { 
    $("#ranksearch").autocomplete({ 
     source: function(request, response) { 
      console.log('in'); 
      $.ajax({ 
       url: "autocompleteajax.php", 
       dataType: "json", 
       data: { 
        q: request.term 
       }, 
       success: function(data) { 
        console.log(request); 
        console.log(data); 
        response(data); 
       } 
      }); 
     }, 
    }); 
}); 

와 JSON, 즉 PHP는 수는 사용자 ID이며이

{3: "Tomek To", 4: "Tomek Kula"} 

같은 외모를 반환하고, 문자열은 이름 성이다. 다른 사용자가 자동 ​​완성 목록에서 선택한 사용자 ID를 어딘가에 저장하고 싶습니다. 그것을 성취 할 수있는 간단한 방법이 있습니까?

+1

중복 가능 https://stackoverflow.com/questions/19675069/how-to-get-value-of-selected-item-in-autocomplete –

답변

0

@ Dev.Joel 도움 덕분에 해결책을 발견했습니다. PHP에서

난 그런 다음이

$users[] = array('value'=>$uid,'label'=>$uname); 

처럼 사용자가 저장된 내가 이런 짓을 사이에 깨진 된이

$(document).ready(function() { 
    $('#ranksearch').on('autocompleteselect', function (e, ui) { 
     e.preventDefault(); // prevent the "value" being written back after we've done our own changes 

     this.label = ui.item.label; 

     $('#ranksearch').val(this.label); 
     console.log(ui.item.value); 
    }); 
}); 

뭔가를 수행하여 JS의 값을 가지고와 나는 나 자신을 할당했다 값을 사용하고 있었기 때문에 레이블을 입력하십시오.