基于<select>选项搜索JSON树

时间:2016-05-13 12:49:58

标签: jquery json csv select

我有一个看起来像这样的JSON文件: [     {             &#34;州&#34;:&#34;阿拉巴马州&#34;,             &#34;专业&#34;:&#34;专业1&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿拉巴马州&#34;,             &#34;专业&#34;:&#34;专业2&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿拉巴马州&#34;,             &#34;专业&#34;:&#34;专业3&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },     {             &#34;州&#34;:&#34;阿拉斯加&#34;,             &#34;专业&#34;:&#34;专业1&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿拉斯加&#34;,             &#34;专业&#34;:&#34;专业2&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿拉斯加&#34;,             &#34;专业&#34;:&#34;专业3&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿肯色州&#34;,             &#34;专业&#34;:&#34;专业1&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿肯色州&#34;,             &#34;专业&#34;:&#34;专业2&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         },         {             &#34;州&#34;:&#34;阿肯色州&#34;,             &#34;专业&#34;:&#34;专业3&#34;,             &#34; Cat1&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat2&#34;:&#34; $ xxx,xxx&#34;,             &#34; Cat3&#34;:&#34; $ xxx,xxx&#34;         } ] 我想使用这个JSON文件显示3个类别的值,基于2个用户选择下拉列表(状态和专业)。这个JSON文件将经常通过CSV进行编辑并转换为JSON,这将以这种方式格式化,这是我尝试完成此操作时遇到的最大障碍。我可以搜索其他格式的JSON树,但是这个给了我一些问题。知道最简单的方法是什么?

1 个答案:

答案 0 :(得分:0)

我不是每个小东西都喜欢库,但是当使用大型JSON文件时,也许你可以使用http://defiantjs.com/

以下是一个有效的例子:http://plnkr.co/edit/xQpp8vyO1haLFIXy3JOP?p=preview

基本上你只是像这样查询JSON:JSON.search(obj, '//*[State="Alabama"]/Specialty');

如果您对任何特定查询有疑问,请与我们联系。