Question

我正在尝试为用户提供在我的网页中选择多年的选项，因此我使用了复选框类型。目前，当用户选择多年时，我正在努力重定向页面。

在HTML中

<h4> Brands </h4>
<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="#" class="brands" name = "Nike">Nike</a></li>
        <li><a href="#" class="brands" name = "Adidas">Adidas</a></li>
        <li><a href="#" class="brands" name = "Vans">Vans</a></li>
    </ul>
</div>

<h4> Years </h4>
<div class="mutliSelect">
    <ul>
        <li>
            <input type="checkbox" value="2010" />2010</li>
        <li>
            <input type="checkbox" value="2011" />2011</li>
        <li>
            <input type="checkbox" value="2012" />2012</li>
        <li>
            <input type="checkbox" value="2013" />2013</li>
        <li>
            <input type="checkbox" value="2014" />2014</li>
        <li>
            <input type="checkbox" value="2015" />2015</li>
    </ul>
</div>

以前我可以通过下拉菜单选择一年

<li><a href="{% url 'data:getdata' brands '2014' %}" class="year">2015</a></li>

现在，我希望在用户选择品牌和多年后重定向到链接，例如：

data / Nike /（以某种方式存储多年）

Answer 1

要在点击时重定向，您可以这样做：

在onclick='redirect(this);'列表

上添加<input>

然后创建一个将重定向的函数

function redirect(e) {
    window.location.href = "data/Nike/" + e.checked
}

但在你的例子中，你无法处理这个品牌......

Answer 2

假设您要重定向的网址如下：

 http://www.example.com?data=...

并且您想要作为数据发送：2010,2011,2013。您可以将其发送为：

 http://www.example.com?data='{"List":[2010,2011,2013]}'

并在接收器处理收到的字符串作为字符串化的JSON。

选择多个选项时处理href

2 个答案: