Question

我偶然发现了一个我无法找到解决方案的问题，一段时间以来，它有点拖累，但是嘿，我会尽量做到尽可能准确，没有愚蠢的问题所以开始。

这是约会和页面的DIV表格，这些绿色圆圈也是div，共有209个div，divs可点击，一旦点击它们就会打开一个新页面选项卡，要求用户输入他的信息姓名，姓氏等，并预约。

当用户输入询问他的内容时，他点击一个按钮进行预约，并且在前一个“表格”页面中点击的div会永久性地将颜色更改为红色，所以当有人否则访问“表”页面会看到约会的时间不可用我想出了这个。

表格页码：

 <script type="text/javascript">
    window.onload = function () {
        var myLoadedColor = localStorage.getItem('myDataStorage');
        document.getElementById('L1').style.backgroundColor = myLoadedColor;
    var d = document.getElementsByClassName("circleBase type1");
    for(var i = 0; i < d.length; i++) {
        d[i].onclick = function() {
            window.open("EnterInformation.html");               
        }
    }
}
    window.addEventListener('storage', function (event) {
        if (event.storageArea === localStorage) {
            var myLoadedColor = localStorage.getItem('myDataStorage');
            document.getElementById('L1').style.backgroundColor = myLoadedColor;

        }
    }, false);

任命页码：

 function SaveInfo() {

        localStorage.Yritys = $('#Yritys').val();
        localStorage.Henkilönimi = $('#Henkilönimi').val();
        localStorage.Asema_yrityksessa = $('#Asema_yrityksessa').val();
        localStorage.Puhelin_Nr = $("#Puhelin_Nr").val();
        localStorage.e_Mail = $('#e_Mail').val();
        localStorage.Keskustelun_aihe = $('#Keskustelun_aihe').val();
        alert("You have successfully made an appointment");                        
    }

    function closeSelf() {
        window.close(this);

    }

    function changeColor() {

        myCustomColor = 'red';
        localStorage.setItem('myDataStorage', myCustomColor);

    }

使用此代码它可以工作但只有1 div第一个。我的问题是，我是否必须将Id添加到我拥有的所有209 divs中，然后为divs的每一个复制此代码209次并为其创建特定存储空间他们每个人？或者有更简单的方法吗？阿贾克斯就像是对我的认识。

任何建议如果帮助我实现这个目标会有所帮助，因为我无法入睡并继续思考如何结束痛苦！

永久改变1个div中的许多相同

0 个答案: