2

次の形式で会社の募集中の求人を一覧表示する Web ページがあります。

タイトル: JavaScript 開発者

州: メリーランド

説明: a;dlksfja;slfdja;sklfja;sldkfjas a;sldkfj a;lskdf a;slkdfj a;lsdkfj a;sdfj a;lsdkfj a;lsdkfj a;lsdkfj ;alsdkfj a;lskdjf ;alskdjf a;lsdkfj a;lsdkfj a; lsdkfj a;lsdkfj a;slkdfj a;lskdfj a;lsdkfj a;lsdkjf ;alskdjf ;alskdjf ;alsdkjf ;alsdkfj a;lskdjf a;lskdj f;alsdkfj a;lsdkfj as;dlfkj a;slkdfj ;alsdkjf ;asld jf;alskdjf alsdkjf a;sdlfjk asd jf;asdkjlf ;asdklf j;as dfla;skdj f;alskdjf a;sld fa;sldkfj a;lsdkfj a;sldfj

給与範囲: $75,000 - $80,000

カテゴリー: ソフトウェア開発, UI/UX

役職: ネットワーク セキュリティ アナリスト

州: イリノイ州

説明: a;dlksfja;slfdja;sklfja;sldkfjas a;sldkfj a;lskdf a;slkdfj a;lsdkfj a;sdfj a;lsdkfj a;lsdkfj a;lsdkfj ;alsdkfj a;lskdjf ;alskdjf a;lsdkfj a;lsdkfj a; lsdkfj a;lsdkfj a;slkdfj a;lskdfj a;lsdkfj a;lsdkjf ;alskdjf ;alskdjf ;alsdkjf ;alsdkfj a;lskdjf a;lskdj f;alsdkfj a;lsdkfj as;dlfkj a;slkdfj ;alsdkjf ;asld jf;alskdjf alsdkjf a;sdlfjk asd jf;asdkjlf ;asdklf j;as dfla;skdj f;alskdjf a;sld fa;sldkfj a;lsdkfj a;sldfj

給与範囲: $85,000 - $90,000

カテゴリー: サイバー, ネットワーキング

役職: サイバー ソフトウェア エンジニア - Hadoop

州: メリーランド

説明: a;dlksfja;slfdja;sklfja;sldkfjas a;sldkfj a;lskdf a;slkdfj a;lsdkfj a;sdfj a;lsdkfj a;lsdkfj a;lsdkfj ;alsdkfj a;lskdjf ;alskdjf a;lsdkfj a;lsdkfj a; lsdkfj a;lsdkfj a;slkdfj a;lskdfj a;lsdkfj a;lsdkjf ;alskdjf ;alskdjf ;alsdkjf ;alsdkfj a;lskdjf a;lskdj f;alsdkfj a;lsdkfj as;dlfkj a;slkdfj ;alsdkjf ;asld jf;alskdjf alsdkjf a;sdlfjk asd jf;asdkjlf ;asdklf j;as dfla;skdj f;alskdjf a;sld fa;sldkfj a;lsdkfj a;sldfj

給与範囲: $120,000 - $130,000

カテゴリー: ソフトウェア工学, サイバー, ビッグデータ

等

リストする仕事が数件しかないときは、上記のスタイルで問題ありませんでした。今では 100 近くありますが、表示される求人をフィルターする方法をユーザーに提供する必要があります。「状態」とさまざまな「タイプ」の両方でフィルタリングしたいと思います。いくつかの例については上記を参照してください。各ジョブは状態を 1 つだけ持つことができますが、タイプは 1 つ以上持つことができることに注意してください。

ユーザーが次の操作を実行できるページの上部に、簡単なフィルタリング セクションを追加したいと思います。

1) 米国の各州を一覧表示する [州] ドロップダウンと [すべて] オプションから選択します。

2) ジョブの分類に使用する各タイプを一覧表示する [タイプ] ドロップダウンと、[すべて] オプションから選択します。

3) [フィルター] ボタンをクリックして、一致する求人を表示し、一致しない求人を非表示にします。

State または Type フィールド内での複数選択機能は必要ありません。

最も簡単な方法でこれを行う方法についての提案は、高く評価されます。ウェブサイトに関連するデータベースはありません。これは静的なサイトであり、このページは週に 1 回、新しい求人のオープンとクローズに合わせて更新されます。これが機能したら、単純な手動更新は完全に問題ありません。

ありがとうございました。

4

1 に答える 1

3

そのためには JavaScript が必要です (純粋な HTML では不可能です)。

IDを使用してdivでフィルター可能なコンテンツを定義し、次のようなものを使用します

   <script type="text/javascript">
   var sel = document.getElementById('yourDropDown');
   sel.onchange = function() {
      var show = document.getElementById('yourDivId');
      show.style.display='none';
   }
   </script>

乾杯

于 2012-05-24T13:58:34.877 に答える