Question

我是这个论坛的新手，我决定来这里试图解决我已经有很长一段时间的问题。我不知道在一个问题中清楚地问这个问题，所以我只想解释一下。

我能够构建一个没有问题的网页（HTML，CSS，javascript，DOM和一些PHP）。但是，我所做的一切只是在测试的基础上，这意味着，我不知道如何动态添加附加数据的元素并将它们保存在HTML本身上。

以下是一些更好解释的图片：

以下是我必须使用数据添加元素的代码：

<div id="SuggestionsArea">
</div>
<div id="SuggestionDateTime">
</div>

<input type="text" id="Title" name="SuggestionTitle" value="Type Suggestion title here..." onclick="if(this.value=='Type Suggestion title here...'){this.value=''}" onblur="if(this.value==''){this.value='Type Suggestion title here...'}">
</br>
<textarea id="Description" name="SuggestionMessage" rows="10" cols="80"></textarea>
</br>
<div id="ImagesArea">
</div>
<input type="button" name="btnSend" value="Share" onclick="PlaceSuggestion(document.getElementById('Title').value, document.getElementById('Description').value)">

这是javascript位：

function PlaceSuggestion(suggestionTitle, suggestionContents)
{
    if((suggestionTitle != "" && suggestionContents != "") && (suggestionTitle != "Type     topic title here..." && suggestionContents != "Type your comment here..."))
    {
        var newSuggestionTitle = document.createElement("h2");
        newSuggestionTitle.innerHTML = suggestionTitle;
        document.getElementById("SuggestionsArea").appendChild(newSuggestionTitle);
        var newSuggestionDesc = document.createElement("p");
        newSuggestionDesc.innerHTML = suggestionContents;
        document.getElementById("SuggestionsArea").appendChild(newSuggestionDesc);
        document.getElementById("Title").value = "Type Suggestion title here...";
        document.getElementById("Description").value = "";
        var newSuggestionDateTimePlaceHolder = document.createElement("p");
        newSuggestionDateTimePlaceHolder.innerHTML = DisplayDateAndTime();
        document.getElementById("SuggestionDateTime").appendChild(newSuggestionDateTimePlaceHolder);
    }
    else
    {
        alert("É necessário indicar um título e redigir comentário para a criação da sugestão.");
    }   
}

这很好用，但是当我重新加载页面时，之前添加的数据将会消失，而且很明显为什么。我没有任何指示我应该如何，何时何地保存我刚添加的元素。所以这是我的问题，如何保存元素，以便每次加载网页时，这些新元素也会出现？我需要使用PHP吗？我需要服务器来存储数据吗？我需要一个数据库吗？

如果这个问题已在这里得到解答，我很抱歉，但我真的不知道如何搜索这个问题。

通过DOM添加数据元素并保存它们

0 个答案: