2013-06-12 40 views
-1

我有一個隱藏文本框,用於在用戶單擊產品訂單按鈕時​​存儲數據,並同時將其存儲在cookie中。文本區域內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> 
+0

你需要附加html斷點標籤的數據。 – skparwal

+0

從不在cookie中存儲客戶購物車。 textarea是一個表單元素,你爲什麼要在其中顯示客戶產品? – 2013-06-12 04:20:39

+0

@Dagon因爲它是一個簡單的文本訂單。不像一些頁面具有的高級功能。 –

回答

0

剛剛在產品名稱中添加了用於innerHTML「\ n」的newline命令。解決了這個問題。

謝謝大家