单杠的单杠

时间:2015-08-25 12:57:31

标签: javascript jquery html css

我希望有一个酒吧,我选择了一年的月份。作为一个例子

2015   Jan   Feb   Mar   Apr   Mai   Jun   Jul   Aug   Sep   Oct   Nov   Dec

这一年将是SELECT OPTION,每月将LINK我设置HREF

有什么东西?

1 个答案:

答案 0 :(得分:1)

这个解决方案如何打击你?

<强> HTML

<div id="widget">
    <select id="year">
        <option value="2015">2015</option>
        <option value="2016">2016</option>
    </select> 
    <a id="Jan" href="#">Jan</a>
    <a id="Feb" href="#">Feb</a>
    <a id="Etc" href="#">Etc</a>
</div>

<强>的jQuery

$(document).ready(function () {
    $('#year').change(function () {
        var year = $(this).children('option:selected').val();
        $('a').each(function () {
            $(this).attr('href', 'http://localhost/' + year + '/' + $(this).attr('id'));
        });
    });
});

And a fiddle of it working