Question

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

我想使用下拉框 - 一年一次，一个月一天，一天一天 - 这可以在我的网站上形成一个URL去。

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

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

由于

Answer 1

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

更新：使用实施示例：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>

Answer 2

为什么在jquery提供了很好的datepicker选项时使用drop down。你可以设置所需的任何格式..用户必须选择三个下拉列表，这不是那么容易..和jquery datepicker插件你只需要一个具有有限日期的单个值框。

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

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

JSFIDDLE

用于形成URL的HTML下拉框

2 个答案: