选择单词后，将单词组合为自动完成提示

Question

我有一个段落，我在拆分文本并创建一个数组，该数组随后传递给jQuery自动完成功能。 它工作正常，但是我想要的是一旦我选择了一个单词并按空格键，则应该通过自动完成功能建议所选单词的下一个或多个单词。 可能吗？

这是我当前的代码：

var curDocParaText = $('.docTextFull').text();
var docWords = curDocParaText.replace(/\s{2,}/g, ' ').split(" ");

$( "#parameter" ).autocomplete({
    source: function(req, responseFn) {
                var re = $.ui.autocomplete.escapeRegex(req.term);
                var matcher = new RegExp( "^" + re, "i" );
                var a = $.grep( docWords, function(item,index){
                    return matcher.test(item);
                });
                responseFn( a );
            }
});

这是可行的，但我不知道下一步该怎么做才能达到我想要的目标。 欢迎大家提出意见。

Answer 1

您可以将他们推向建议阵列添加到自动完成建议的任何字（ a在你的代码）。 因此，您需要做的是：

1. 检查最后一个字符是否为空格。
2. 如果是，请从#parameter输入中获取最后一个单词。
3. 在用作来源的单词列表（ docWords ）中搜索该单词。
4. 如果在源中，则在建议中添加下一个单词。

一个简单的演示将是这样的（将在responseFn( a );部分之前添加到您的函数中）：

// get the value in the input
var textValue = $("#parameter").val();

// if the last character is a space
if (textValue.slice(-1) == " ") {

    // get the last word in the sentence
    var start = textValue.lastIndexOf(" ", textValue.length-2);
    var lastWord = textValue.substring(start + 1, textValue.length-1);

    // check if the word is in the source list
    var pos = docWords.indexOf(lastWord);
    if (lastWord != " " && docWords.length > pos) {

        // if it is, suggest the next word too as a sentence
        a.push($("#parameter").val() +docWords[pos+1]);
    }
}

请注意，这实际上是一个基本示例，它不检查单词重复项，大小写或其他任何内容。 您需要对其进行扩展以使其更加“完整”，并根据需要进行调整。

---

这是一个正在运行的演示：

 var curDocParaText = $('.docTextFull').text(); var docWords = curDocParaText.replace(/\\s{2,}/g, ' ').split(" "); $( "#parameter" ).autocomplete({ source: function(req, responseFn) { var re = $.ui.autocomplete.escapeRegex(req.term); var matcher = new RegExp( "^" + re, "i" ); var a = $.grep( docWords, function(item,index){ return matcher.test(item); }); var textValue = $("#parameter").val(); if (textValue.slice(-1) == " ") { var start = textValue.lastIndexOf(" ", textValue.length-2); var lastWord = textValue.substring(start + 1, textValue.length-1); var pos = docWords.indexOf(lastWord); if (lastWord != " " && docWords.length > pos) { a.push($("#parameter").val() +docWords[pos+1]); } } responseFn( a ); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <div><b>Demo Sentence:</b></div> <div class="docTextFull">"The quick brown fox jumps over the lazy dog"</div> <hr/> <input type="text" id="parameter">