-1

ユーザーが製品注文ボタンをクリックしたときにデータを保存し、同時にそれを 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>
4

1 に答える 1

0

製品名に innerHTML の改行コマンド「\n」を追加しただけです。問題を解決しました。

皆さん、ありがとうございました

于 2013-06-12T04:31:08.470 に答える