JQueryオートコンプリートプラグインをテキスト領域で使用できますか？

私はそれをテキストエリアにも使用できると信じています。

あなたがする必要があるのは、テキストエリアのjQuery要素でオートコンプリートメソッドを呼び出すことだけです。あなたのtextarea要素の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オートコンプリートプラグインをテキスト領域で使用できますか？

答えて

関連する問題