如何从文本框中获取内容并将其放在javascript中的变量和div中

Question

我希望有五个变量，都是空的，等待将内容放入其中。我还希望将文本框的内容放入上面五个变量之一并发布到已存在的特定div中。我希望脚本在选择放置新内容的变量之前检查其他变量是否具有内容。我会举一个小例子来了解我在寻找什么。

示例：

假设我的网站上有三个人，他们将内容输入文本框。按下按钮。我希望文本框中的内容放在第一个可用变量中，也放在名为“promote”的特定div中。所以说John，Jim，Jake都在我的网站上，John输入“google.com”并按提交。我希望将“google.com”放入第一个变量并放入div中，使其显示在网站上。然后Jim在文本框中键入“stackoverflow.com”并按下提交，我希望将“stackoverflow.com”放入第二个变量并进入div，使其显示在网站上，位于“google.com”下方。杰克在文本框中键入“yahoo.com”并按提交。我希望第三个变量为“yahoo.com”并将其放入div中，将其显示在“google.com”和“stackoverflow.com”下面的网站上。一旦所有五个变量都满了，我希望提交的下一个内容替换第一个。我希望这是有道理的。

我试过的代码：

function promote() {
    $(this).parent().parent().find('input').each(function() {
        $(this).replaceWith('<div class="promoted"><a href="' + $(this).val() + '">' + $(this).val() + '</a></div>');
    });
}

Answer 1

我不知道我是否让你在这里..你不能只使用Javascript，你也需要某种服务器端脚本。静态变量，保存在文本文件，DB或服务器上的类似物。如果这些人只使用javascript坐在您网站的不同计算机上，他们只能看到自己的javascript变种。