Question

想象一下，我有一个输入来写单词..然后我写“Stackoverflow”（然后我点击OK按钮）并在输入区域下方出现一个短语，如“Stackoverflow，是一个地方......”。

这不是这样的：http://jqueryui.com/autocomplete/

我想要这样的事情：

<input type="text"/><input type="button" value="OK"/>
<div id="result"/>

想象一下，我在输入中写了“密码”，结果div中出现了“需要更改密码？请按照以下步骤操作......”。或者我写“管理员”并显示“管理员是昵称”。这就像一个迷你机器人支持。

Answer 1

这样的事情（fiddle）：

var messages = {
    'stackoverflow': 'Stackoverflow, is a place...',
    'admin': 'The admin is Nickname',
    'password': 'Need password changing? Follow this steps...'
}

var result = document.getElementById('result');
var input = document.getElementById('input');

document.getElementById('submit').addEventListener('click', clickHandler);

function clickHandler() {
    var message = messages[input.value];
    if (message) {
       result.innerHTML = message;       
    } else {
       result.innerHTML = 'String not recognised';   
    }
}

<强> HTML：

<input id="input" type="text"/>
<input id="submit" type="button" value="OK"/>
<div id="result"></div>

输入单词时，会出现与其相关的短语

1 个答案: