如何從文本框中獲取內容並將其放在javascript中的變量和div中

Question

我想擁有五個變量，所有變量都是空的並等待將內容放入其中。 我還希望將文本框的內容放入上述五個變量之一，並發布到已經存在的特定div中。 我希望腳本在選擇放置新內容的變量之前先檢查其他變量是否具有內容。 我會給你一個小例子，以了解我在尋找什么。

例：

假設我的網站上有三個人，他們在文本框中輸入內容。 按下按鈕。 我希望文本框中的內容放置在第一個可用變量中，並且也放置在名為“ promoted”的特定div中。 假設John，Jim，Jake都在我的網站上，John鍵入“ google.com”並按提交。 我希望將“ google.com”放入第一個變量和div中，使其顯示在網站上。 然后，吉姆在文本框中鍵入“ 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變量。