Javascript 根据<；中的选择创建URL；ul>&书信电报；李>；

我正在尝试根据用户从多级列表中选择的内容构建url。 用户选择四个选项，依次创建检索文档所需的url

例如：

<ul id="nav">
   <li><a href="#">Report name</a>
      <ul>
         <li><a href="#">Year</a>
            <ul>
           <li><a href="#">2010</a>
                  <ul>
                     <li>Jan</li>
                     <li>Feb</li>
                     <li>March</li>
                 </ul>
             </li>
             <li><a href="#">2011</a></li>
             <li><a href="#">2012</a></li>
             <li><a href="#">2013</a></li>
             <li><a href="#">2014</a></li>
         </ul>
     </li>
 </ul>
</li>

<!-- etc. -->

</ul>

一月
二月
行军

因此，我会选择报告名>年份>月份，这将构建一个url，该url等于文件路径

e、 g

---

是否有人对如何实现这一点有任何想法。

好的，有几个选项，我建议使用javascript

因此，基本上，您将检查是否单击了一个

，如果单击了，则向字符串添加某个值，然后使用该构建字符串重定向页面。以下是我的意思的一个例子：

---

下面是一个使用

$（this）

获取所单击内容的值的示例。在本例中，我使用JQuery

必须在年份值中添加一个

id

。您不必这样做，您可以使用jquery选择器来获得正确的值。只是简单多了

<ul id="nav">
<li><a href="#">Report name</a>
      <ul>
         <li><a href="#">Year</a>
            <ul>
           <li id='2010'><a href="#">2010</a>
                  <ul>
                     <li>Jan</li>
                     <li>Feb</li>
                     <li>March</li>
                 </ul>
             </li>
             <li><a href="#">2011</a></li>
             <li><a href="#">2012</a></li>
             <li><a href="#">2013</a></li>
             <li><a href="#">2014</a></li>
         </ul>
     </li>
 </ul>
</li>

<!-- etc. -->

</ul>
<script src="http://code.jquery.com/jquery-1.11.0.js"></script>

---

您要么需要使用cookie来保存用户输入，要么可以使用ID为的隐藏字段来完成此操作。只要有变化，就继续提取数据。您需要处理该场景，以限制用户以有序的方式进行选择，否则用户将能够根据自己的意愿进行选择，这将打乱所有URL。

$('#2010 li').click(function()
                    {
                        var year=$(this).parent().parent().attr('id');
                        var month=$(this).text();
                        console.log(month+' '+year);
                        //this will show you Jan and 2010 in the log. You can use this variable to append to a URL string.
                    });