[英]auto-complete needed in javascript added textarea
在下面的代码中,自动完成功能按预期在textarea中起作用。 但是单击按钮+程序后,它在添加的文本区域中不起作用
我需要自动完成功能才能在使用该按钮添加的所有文本区域上工作。 我该怎么做?
现在,自动完成功能区分大小写。 无论情况如何,如何使自动完成功能发生?
HTML:
<div id="p_procedures"> <textarea rows=5 cols=50> </textarea> </div><a href="#" id="addProcd">+ Procedure</a>
JS:
$('textarea').textcomplete([{
match: /(^|\s)(\w{2,})$/,
search: function (term, callback) {
var words = ['google', 'facebook', 'GITHUB', 'microsoft', 'yahoo'];
callback($.map(words, function (word) {
return word.indexOf(term) === 0 ? word : null;
}));
},
replace: function (word) {
return word + ' ';
}
}]);
var procdDiv = $('#p_procedures');
var i = $('#p_equipments p').size() + 2;
$('#addProcd').on('click', function(){
var t ='<textarea rows=5 cols=50></textarea>';
$(t).appendTo(procdDiv);
p++;
return false;
});
添加新元素时:
$(t).appendTo(procdDiv);
初始化自动完成插件将与其他任何元素完全一样:
$(t).textcomplete({ ...options... });
您可以将其提取到一个可以在需要的地方调用的函数中,而不是复制/粘贴整个初始化过程,并为该函数提供目标元素。 甚至只是将插件选项放在变量中:
var textCompleteOptions = [{
match: /(^|\s)(\w{2,})$/,
search: function (term, callback) {
var words = ['google', 'facebook', 'GITHUB', 'microsoft', 'yahoo'];
callback($.map(words, function (word) {
return word.indexOf(term) === 0 ? word : null;
}));
},
replace: function (word) {
return word + ' ';
}
}];
然后只需使用以下选项反复调用它:
$('textarea').textcomplete(textCompleteOptions);
然后...
$(t).textcomplete(textCompleteOptions);
但是,要点是,每当您要在给定的textarea
上初始化插件时,都需要调用插件初始化程序。 jQuery不会为您做到这一点。
在这里解决区分大小写的问题
search: function (term, callback) {
var words = ['google', 'facebook', 'GITHUB', 'microsoft', 'yahoo'];
callback($.map(words, function (word) {
return word.toLowerCase().indexOf(term.toLowerCase()) === 0 ? word : null;
}));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.