Javascript 未在complete.ly库中显示的选项

我已经设置了一个非常简单的

complete.ly

文本框，但没有显示我的选项。 我想这是我错过的明显的事情

这确实是一个非常基本的例子：

var strategyChoice = ["a", "b", "c"];

$(function() {

var pv = completely(document.getElementById('container'));

pv.onChange = function(text) {

    console.log(text);

    if (text === 'i') {
        pv.setText('I want to'); // special case i becomes 'I want to'. 
        return;
    }
    if (text === 'I want to ') {
        pv.options = ["pay", "receive"];
        pv.repaint();
        console.log(pv.options);
        return;
    }
    if (["I want to pay ", "I want to receive "].includes(text)) {
        pv.options = strategyChoice;
        pv.repaint();
        console.log(pv.options);
        return;
    }
}

---

这显示了问题。

看起来您的主要问题是：

a） 忘记将“startFrom”属性设置为当前输入文本的长度

b） 忘记在某些选项值的末尾添加空格

这里是您的示例的稍微重新设计的版本：

var-strategyChoice=['a'，'b'，'c']；
var pv=完全（document.getElementById（'container'），{color:'black'}）；
pv.onChange=函数（文本）{
如果（文本=='i'| |文本=='i'）{
pv.setText（'我想'）；
返回；
}
如果（text==='我想'）{
pv.options=[‘支付’、‘接收’]；
pv.startFrom=text.length；
pv.repaint（）；
返回；
}
如果（[‘我想付款’、‘我想收到’）。包括（文本））{
pv.options=战略选择；
pv.startFrom=text.length；
pv.repaint（）；
返回；
}
};
pv.options=[“我想付款”，“我想收款”]；
setTimeout（函数（）{
pv.input.focus（）；
pv.setText（“I”）；
pv.repaint（）；
}, 0);
谢谢你。我知道这显然是我忽略了的。