我注意到这个问题已被要求输入多个输入框,但是当每个输入框必须有一个独特的单词数组时呢?
我试图使用jQuery Autocomplete插件将函数附加到多个输入,每个输入都有一个独特的单词数组。此数组是从本地范围内附近输入中的文本填充的。每个跨度都有一个输入,其中包含不同的值以填充数组,以及一个用于自动完成的输入。该函数仅使用最后填充的数组,而不是已分配的当前自动完成。
这是输出的html:
<?php
foreach($caseanswers as $key=>$answer){
if($answer['input_req']===$term['input_req']){
echo '<span class="answer">
<textarea class="answertext" id="answer'.$answer['id'].'" disabled>'.$answer['answer'].'</textarea>
<div class="ui-widget"><textarea class="autocomplete"></textarea></div>
<br/><input type="button" onclick=RUDanswer(this) value="Edit"><input type="button"onclick=RUDanswer(this) value="Delete"></span><br/>';
}
}
?>
这是jQuery代码(它已经在jquery包装器中,遗漏了)
<script>
$(".autocomplete").each(function(){
//alert($(this).val());
acompletebox=$(this);
function split(val){
return val.split(/\s/);
}
function extractLast(term){
return split(term).pop();
}
availableTags=acompletebox.parents('span.answer').find('.answertext').val().split(" ");
// acompletebox.parents('span.answer').find('.answertext').val().split(" ");
// console.log(availableTags);
// don't navigate away from the field on tab when selecting an item
$(this).on("keydown", function(event){
if(event.keyCode===$.ui.keyCode.TAB && $(this).autocomplete("instance").menu.active){
event.preventDefault();
}
})
$(this).autocomplete({
// availableTags=acompletebox.parents('span.answer').find('.answertext').val().split(" ");
minLength: 3, source: function(request, response){
//delegate back to autocomplete, but extract the last term
response($.ui.autocomplete.filter(availableTags, extractLast(request.term)));
},
focus:function(){
//prevent value inserted on focus
return false;
},
select:function(event, ui){
var terms=split(this.value);
//remove the current input
terms.pop();
//add the selected item
terms.push(ui.item.value);
//add placeholder to get the comma-and-space at the end
terms.push("");
this.value=terms.join(" ");
return false;
}
});
});
</script>
我想问题是,如何为每个输入分配一个唯一数组的自动完成数据源? 感谢所有帮助你的业余爱好者!
虽然不理想,但.each()函数可以替换为.focus,或其他选择函数。它必须在每次发生悬停时重新编译列表,如果数据来自外部源,这可能是昂贵的计算,但是它可以通过这种简单的更改来运行。