javascript - 使用 mixitup.js 和 jQuery 隐藏选择列表中的选项

Question

我正在使用 mixitup.js 按国家/地区过滤城市。我想按所选国家/地区隐藏和显示城市。

过滤效果很好，但是有什么方法可以只显示特定国家/地区包含的城市吗？这就是我正在做的事情:Codepen

我找到了这个 Fiddle但如果我有两个以上的选择框，我不知道如何使用它。 例如。 国家>城市>省份

Answer 1

受 Dhiraj 实现的启发，我创建了一个分层的 3 类过滤器:http://codepen.io/tuomastik/pen/PPLXwa .我希望有人会觉得它有用! :)

层次结构:

<select id="project">
  <option value="">All</option>
  <option value=".project-1">Project 1</option>
  <option value=".project-2">Project 2</option>
</select>

<select id="dataset">
  <option value="" parent-value=".">All</option>
  <option value=".dataset-a" parent-value=".project-1">Dataset a</option>
  <option value=".dataset-b" parent-value=".project-2">Dataset b</option>
  <option value=".dataset-c" parent-value=".project-2">Dataset c</option>
</select>

<select id="visualization">
  <option value="" parent-value=".">All</option>
  <option value=".visualization-I" parent-value=".dataset-a">Visualization I</option>
  <option value=".visualization-II" parent-value=".dataset-b">Visualization II</option>
  <option value=".visualization-III" parent-value=".dataset-b">Visualization III</option>
  <option value=".visualization-IV" parent-value=".dataset-c">Visualization IV</option>
  <option value=".visualization-V" parent-value=".dataset-c">Visualization V</option>
  <option value=".visualization-VI" parent-value=".dataset-c">Visualization VI</option>
</select>