Question

基本上我想要ff。完成：

用户在我的文本字段中输入文本。如果他的文本与我的“列表”中的文本匹配，则一旦他点击提交按钮，他就会被发送到某个URL。

我在这个网站上找到了类似的代码，但他只是一个特定的文本值。 [Get input text field from HTML into JavaScript and go to URL]

我希望我从我提供的列表中确定用户的文本输入。我的列表将有很多文本/网址，它会继续增长，所以手动输入值到脚本中对我来说不起作用..我希望能够编辑列表（可能在管理面板或其他什么？而不是js代码。

示例：

输入文字：aaaa，转到URL1
输入文字：mmne，转到URL2
输入文字：lhfj，转到URL3
输入文字：tigf，转到URL4
输入文字：gred，转到URL5

有人可以帮我吗？谢谢！

Answer 1

希望这有助于你

var Something =$("#TextBoxID").val();

if(Something == "aaaa")
{
window.location.href = 'URL1'; //Will take you to URL1
} 
......
......

Answer 2

如果你想在管理控制台上配置列表，你需要有某种服务器端技术，如php（如果你想继续使用javascript，则需要node.js）。您需要考虑这些数据的存储位置。一种可能性是使用ajax（例如使用jQuery）获取文本/ url对列表并将数据存储在某个数据库中，或者在您的情况下也可以使用纯文本文件就足够了。在客户端使用纯HTML和JavaScript无法实现您正在寻找的功能。

Answer 3

如果您将URL存储在客户端（HTML / JS页面），请使用这样的函数：

function determineAndGoToURL(text) {
    var url = "#";
    switch(text) {
    case "aaaa":
        url="www.google.com";
        break;
    case "bbbb":
        url = "www.bing.com";
        break;
    default:
        url = "www.yahoo.com";
        break;
    }

    window.location.href = "http://" + url;
}

如果您在服务器端有更新的URL列表，请从服务器端到客户端，并使用for语句对其进行迭代。

我建议你从服务器获取它们作为JSON，并使用JSON.parse(text)从它们中创建一个对象，然后迭代。

根据用户的文本字段输入将用户发送到某个URL

3 个答案: