JQuery 자동 완성 플러그인을 텍스트 영역에서 사용할 수 있습니까?

저는 이것을 텍스트 영역에도 사용할 수 있다고 생각합니다.

당신이해야 할 일은 텍스트 영역의 jQuery 요소에 대한 자동 완성 메소드를 호출하는 것입니다. 당신의 텍스트 영역 요소 ID가 foo는 경우 예를 들어, 당신은 다음과 같은 옵션이 자동 완성을 호출 할 수 있습니다 : 당신은 데이터가 텍스트 영역에있는 서버에서 수신 렌더링 곳

var options = { 
    serviceUrl:'service/autocomplete.ashx', 
    minChars:2, 
    delimiter: /(,|;)\s*/, // regex or character 
    maxHeight:400, 
    width:300, 
    zIndex: 9999, 
    deferRequestBy: 0, //miliseconds 
    params: { country:'Yes' }, //aditional parameters 
    noCache: false, //default is false, set to true to disable caching 
    // callback function: 
    onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); }, 
    // local autosugest options: 
    lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values 
} 
$('#foo').autocomplete(options);

당신은 콜백 함수를 onSelect 방법을 추가 할 필요가 .

출처

2011-09-10 03:47:22

이 작업을 수행 할 수 있습니다. 사용할 수있는 스타일링이 필요합니다.

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.autocomplete.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
var options, a; 
jQuery(function(){ 
    options = { serviceUrl:'service/autocomplete.ashx' }; 
    var a = $('#query').autocomplete({ 
    minChars:1, 
    deferRequestBy: 0, //miliseconds 
    params: { country:'Yes' }, //aditional parameters 
    noCache: false, //default is false, set to true to disable caching 
    // callback function: 
    onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); }, 
    // local autosugest options: 
    lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values 
    }); 
}); 

}); 
</script> 
</head> 
<body> 
<textarea name="q" id="query" ></textarea> 
</body> 
</html>

출처

2011-09-10 03:59:46

JQuery 자동 완성 플러그인을 텍스트 영역에서 사용할 수 있습니까?

답변

관련 문제