L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>dhtml.cookie.writeAndClear.html</title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="Gao YiXiang" />
    <meta name="email" content="[email protected]" />
    <meta name="keywords" content="javascript dhtml dom" />
    <meta name="description" content="I love web development." />
</head>
<body>
<input   type=text   name=a   value="数据库值1"   onclick='javascript:   RecordClick(this.value);'> <br> 
<input   type=text   name=b   value="数据库值2"   onclick='javascript:   RecordClick(this.value);'> <br> 
<input   type=text   name=c   value="数据库值3"   onclick='javascript:   RecordClick(this.value);'> <br> 
<input   type=text   name=d   value="数据库值4"   onclick='javascript:   RecordClick(this.value);'> <br> 
<input type="button" id="" value="check cookie" onclick="alert(document.cookie);" />
<input type="button" id="" value="clear cookie" onclick="clearCookie();" />
<script type="text/javascript">
<!--
function RecordClick(sValue)
{
    var sName = "dbValues";
    var aCookie = document.cookie.split("; ");
    for (var i=0; i < aCookie.length; i++)
    {
        var aCrumb = aCookie[i].split("=");
        if (sName == aCrumb[0])
        {
            var aValues = aCrumb[1].split("|");
            for (var j=0; j<aValues.length; j++)
            {
                if (aValues[j]==sValue)
                {
                    return;
                }
            }
            sValue = aCrumb[1] + "|" + sValue;
        }
    }    document.cookie = sName + "=" + sValue + "; ";
}function clearCookie()
{
    var sName = "dbValues";
    var date = new Date();
    document.cookie += "; expires=" + date.toGMTString();
}
//-->
</script>
</body>
</html>