将状态保留在查询字符串中的级联下拉列表答案

【问题标题】：Cascading dropdowns that keep state in the querystring将状态保留在查询字符串中的级联下拉列表
【发布时间】：2014-11-28 05:20:27
【问题描述】：

我正在尝试构建一个包含三个级联下拉列表的页面，比如说品牌、型号和年份，使用类似 Knockoutjs 的东西相当容易。

问题是我想在查询字符串中保留状态，因此在做出选择时，URL 也会更新为“/Cars?Brand=Toyota”等（如果浏览器支持） .

此外，如果用户点击“/Cars?Brand=Toyota&Model=Corolla”，我希望下拉菜单反映该状态。

起初我认为这样的事情对于 Knockoutjs 来说是微不足道的，但似乎并非如此。

那么，有没有办法使用 Knockoutjs “绑定”到查询字符串参数？如果没有，这是否可以使用 Angular 之类的框架来完成？

【问题讨论】：

【解决方案1】：

最简单的方法是将值绑定到视图模型，然后在值更改时使用 jquery 更新查询字符串。

如果你想变得非常聪明，那么我想你可以将此代码移动到自定义绑定扩展中。

【讨论】：