0

我的网站上有一个页面存档，这些页面位于过时的文件夹中，可通过访问 www.mysite.com/archive/yyyy_mm_dd 访问

我想使用下拉框 - 一个用于年份，一个用于月份，一个用于日期 - 它可以在我的网站上形成一个 URL。

例如，如果我的下拉框显示年份“2013”​​，月份显示“10”，日期显示“15”，则生成的 URL 将是 www.mysite.com/archive/2013_10_15

我在网上查看并找到了如何将单个下拉框的输出合并到 URL 中，但是如何从多个下拉列表中形成 URL？

谢谢

4

2 回答 2

0

当jquery为您提供了不错的日期选择器选项时，为什么要使用下拉菜单。您可以设置任何所需的格式。使用下拉菜单，用户必须选择三个不太容易的下拉菜单。使用jquery datepicker插件可以根据需要只有一个日期有限的值框。

如果您对此实现感兴趣，可以查看jQuery Datepicker插件。

<script>
$(function() {
   $( "#datepicker" ).datepicker();
});
</script>

JSFIDDLE

于 2013-10-18T11:10:45.307 回答
0

这样的事情应该可以解决问题：

更新：带有实现示例：http: //jsfiddle.net/spacebean/sETsW/7/

<select class='day'>
    <option>01</option>
    <option>02</option>
</select>    

<select class='month'>
    <option>03</option>
    <option>05</option>
</select> 

<select class='year'>
    <option>12</option>
    <option>13</option>
</select> 

<form action="" id="dateForm" method="post">
     <input type="submit" value="submit" />
</form>    


<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
var currentDate = new Date(new Date().getTime() - 24 * 60 * 60 * 1000),
    day = currentDate.getDate(),
    month = currentDate.getMonth() + 1,
    year = currentDate.getFullYear();

url = year+'_'+month+'_'+day;

$('select').change(function()
    {
        var day = $('.day').val(),
            month = $('.month').val(),
            year  = $('.year').val();  

         url = 'http://mysite.com/archive/'+year+'_'+month+'_'+day;
         $('#dateForm').attr('action', url);

         console.log(url);
    });
</script>
于 2013-10-18T10:35:26.803 回答