Question

我有一个隐藏的文本框，用于在用户点击产品订单按钮时存储数据，同时将其存储在cookie中。

因此，当用户访问另一个页面时，让我们说结帐页面，他们需要填写表格，他们之前选择的项目列表将自动列在文本区域内。

现在它填充文本区域内的数据，但它不是一个很好的布局。这是它的样子。

Product1 Product2 Product3 Product4 Product5 Product6

我如何组织以便显示如下？

Product1
Product2
Product3
Product4
Product5
..........

以下是我的代码。

<div id="hide" style="display: none;">
    <textarea id="myContent2" name="myContent2"><?php echo $_COOKIE['content']; ?> </textarea>
    <a onClick="addContent('myDiv2', document.getElementById('myContent2').value); setCookie('content', document.getElementById('myContent2').value, 1);">
    <br><br>
    <div id="myDiv2" style="font-weight: bold;"></div>
<a onclick="javascript:alert('<?php echo $_COOKIE['content']; ?>')">Here</a>

</div>

<script type="text/javascript">
function addContent(divName, content) {
    document.getElementById(divName).innerHTML += "<br>" + content;
   }
</script>

<script type="text/javascript">
        function setCookie(c_name,value,expiredays) {
    var exdate=new Date();
    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
function getCookie(c_name) {
    if (document.cookie.length>0) {
    c_start=document.cookie.indexOf(c_name + "=");
    if (c_start!=-1) { 
        c_start=c_start + c_name.length+1; 
        c_end=document.cookie.indexOf(";",c_start);
        if (c_end==-1) c_end=document.cookie.length;
        var cookieContent =  unescape(document.cookie.substring(c_start,c_end));
        document.getElementById('myDiv2').innerHTML = cookieContent;
    } 
    }
}
getCookie('content');
</script>

Answer 1

刚刚在产品名称中添加了innerHTML“\ n”的换行符命令。解决了这个问题。

谢谢大家

在文本区域内的cookie样式输出

1 个答案: