Question

我有两个div，我想选择第一个上部div值然后降低div值。并将这两个值传递给下一页。

这是我的代码：

   <div id="upper">
     <a href="#">Link</a>
   </div>

  <div id="lower">
    <a href="#">Link 1</a>
  </div>

如果未选择上限值，则不应转到下一页，当选中这两个值时，它应该转到下一页。

有哪些可能的解决方案。任何帮助，将不胜感激。

Answer 1

HTML

<span class="span_to_remember" data-my-data="myData1">
  data1
</span>

<span class="span_to_remember" data-my-data="myData2">
  data2
</span>

<span class="span_to_remember" data-my-data="myData3">
  data3
</span>

<span class="span_to_remember" data-my-data="myData4">
  data4
</span>

JS（jQuery的）

$(document).ready(function(){

  $(".span_to_remember").click(function() {

    var spanData = $(this).data("my-data");
    // also you can grab html with 
    // var spanData = $(this).html();

    localStorage.setItem('param1', spanData);


  });

});

在第一页上写下内容后，您可以使用

在其他页面上阅读

localStorage.getItem('param1');

信息将在每个页面上为用户提供，即使他关闭浏览器，并稍后返回网站

选择多个值然后继续

1 个答案: