jQuery的自动完成的文本区域 [英] Jquery autocomplete for text area
本文介绍了jQuery的自动完成的文本区域的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我使用jquery自动完成文本区域。我想每当我preSS空格键被称为自动完成功能。它工作正常，仅在第一次。可能有人请帮助我吗？**
我用下面的code：
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;脚本SRC =http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js类型=文/ JavaScript的＆GT; ＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =HTTP：//$c$c.jquery.com/ui/1.8.18/jquery-ui.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =HTTP：//jquery-ui.google$c$c.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js类型=文/ JavaScript的＆GT;＆LT ; / SCRIPT＆GT;
＆LT;脚本SRC =HTTP：//jquery-ui.google$c$c.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本＆GT;
功能auto_comp（FLAG1）
{$（函数（）{ VAR availableTags = [
动作，
AppleScript的
ASP
BASIC，
C，
C ++，
Clojure的
COBOL
ColdFusion的
二郎
FORTRAN，
常规
哈斯克尔
Java的，
JavaScript的
Lisp的，
Perl的
PHP
蟒蛇，
红宝石，
斯卡拉
方案，
{} ];
如果（FLAG1 == 1）
{ $（#tags）.autocomplete（{ 来源：availableTags
}）;}
}）;
}
＆LT; / SCRIPT＆GT;
＆LT; DIV CLASS =演示＆GT;＆LT; DIV CLASS =UI窗口小部件＆GT;
＆LT; textarea的ID =标签NAME =得到行=5COLS =31＆GT;＆LT; / textarea的＆GT;
＆LT;脚本＆GT;
VAR charfield =的document.getElementById（标签）; VAR标志= 0;
charfield.onkey preSS =功能（E）{
变种E = window.event || Ë;
VAR keyuni code = e.char code || e.key code;
如果（keyuni code =='97'|| keyuni code =='65'）
{
标志= 1;
auto_comp（标志）; }
的document.getElementById（UNI code）值= keyuni code。
} ＆LT; / SCRIPT＆GT;
＆LT; /身体GT;＆LT; / HTML＆GT;
解决方案
请尝试以下操作：
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete /
https://github.com/mataki/jquery-textarea-imput-support
I am using jquery autocomplete for a text area. I want the autocomplete function to be called whenever i press "Space-Bar". It works fine only the first time. Could someone please help me out with this?**
I have used the following code:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"> </script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script>
function auto_comp(flag1)
{
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme",
"{ }"
];
if(flag1 == 1)
{
$( "#tags" ).autocomplete({
source: availableTags
});
}
});
}
</script>
<div class="demo">
<div class="ui-widget">
<textarea id="tags" name="get" rows="5" cols="31"></textarea>
<script>
var charfield=document.getElementById("tags");
var flag=0;
charfield.onkeypress=function(e){
var e=window.event || e;
var keyunicode=e.charCode || e.keyCode;
if(keyunicode == '97'|| keyunicode == '65')
{
flag=1;
auto_comp(flag);
}
document.getElementById("unicode").value=keyunicode;
}
</script>
</body></html>
解决方案
Try the following:
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
https://github.com/mataki/jquery-textarea-imput-support
这篇关于jQuery的自动完成的文本区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
