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

Question

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

例子:

假设我的网站上有三个人，他们将内容输入文本框。按下按钮。我希望将文本框中的内容放在第一个可用变量中，并放在名为“promoted”的特定 div 中。假设 John、Jim、Jake 都在我的网站上，John 输入“google.com”并按下提交。我希望将“google.com”放入第一个变量和 div 中，使其显示在网站上。然后 Jim 在文本框中键入“stackoverflow.com”并按下提交，我希望将“stackoverflow.com”放入第二个变量和 div 中，使其显示在网站上的“google.com”下方。 Jake 在文本框中键入“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 来做到这一点，你还需要某种服务器端脚本。静态变量，保存在文本文件、数据库或服务器上类似的文件中。如果那些人坐在您站点的不同计算机上只使用 javascript，他们将只能看到他们自己的 javascript 变量。