列プルダウンに基づいたHTMLページのsqlite dbの内容を動的に表示

Question

私はsqliteデータベースにテーブルを持っており、それをWebページに表示したいと思います。 列のタイトルはdbと同じです。表示する行をフィルタリングするように選択できるように、各列のすべての一意の値を一覧表示するプルダウンも必要です。例によって

は、SQLiteのDBは：のようなウェブページ

1 2 3 
a l z 
b k w 
b m x 
a m w 
d m y 
c l w 

表示：、それぞれ 'V' がプルダウンを表し

1 2 3 
v v v 
a l z 
b k w 
b m x 
a m w 
d m y 
c l w 

そう： COL 1 V =全て、 b、d、c; col 2 v = all、l、k、m; col 3 v = all、z、w、x、y つまり、列内のすべての項目を取得し、ユニーク化してプルダウンに入力します。順序は関係ありません。

そして、ユーザが選択した場合、1つのプルダウンCOLに「b」を言う、Webページを表示していました：

1 2 3 
v v v 
b k w 
b m x 

をユーザーがCOLに「x」を選択した場合、3プルダウン、Webページを希望表示：

1 2 3 
v v v 
b m x 

私はこれを実装について移動する方法を周りに検索してきたが、私は最も適しているであろうものをうまくするのに苦労していて、開始します。

私はHTML、いくつかのphp、python、perl、basic jsを知っています。これはsqlite（または任意のdb）での私の最初の試みです。

私は、これを実装するために推奨される方法についての提案を探しています。

おかげ

Answer 1

あなたは私が作ったこの例を見ることができます：

JSFiddle Example

はofcourseのあなたがここにデータを変更することができます。

> var data = '{ "a": [ [ "a", "b", "c", "a"], ["a", "e", "f", "f"], 
> ["g", "h", "h", "i"]]}'; 

幸運を！