web-dev-qa-db-ja.com

JavaScriptがない場合の選択/フィルターの低下

ちょっと質問があります。

選択したフィルターをどのように適切にデグレードしますか？

例、

Ajaxを使用すると、州を選択し、その下に市を選択して、選択した州の都市を表示することができます。都市の選択は、選択した州に基づいて更新されます。次に、フォームを送信する必要があるときのための送信ボタンがあります。

しかし、JavaScriptがない場合はどうなるでしょうか。フィルターを更新することを唯一の目的とする「更新」ボタンを表示しますか？

htmlresponsive-designjavascriptgraceful-degradation
1
Jerry Saravia

残念ながら、唯一のオプションは、選択後のform submitです。近くに便利な「送信」ボタンがあるコンボボックスをお勧めします。次に、ユーザーの以前の選択に基づいて、次のページに新しいリストが読み込まれます。ただし、リストは短くしてください。多くのオプションを提示する必要がある場合は、ラジオボタンまたはチェックボックスを検討してください。

コードサンプルを提供するためにどのプログラミング言語を使用しているかはわかりません。 PHP自分でコーディングします。それを手伝ってくれるかどうか知らせてください。

[〜＃〜] edit [〜＃〜]：常にあります<iframe>...：/

1
Just Plain High

JavaScriptがなければ、次のスキーマを使用できます。

  1. ユーザーは都市を入力し（リストまたは手動入力から）、送信します
  2. サーバーチェック 重複がある場合 。
    ある場合は、ページ2に移動
    そうしないと
    a）州の定義
    b）ページ3に移動

おそらく、ほとんどの場合、手順は1ステップです（重複の数はそれほど多くありません）。

Interaction

0
Alexey Kolchenko

「プログレッシブエンハンスメント」の態度は、これに沿って何かを指示します。

  1. すべてのオプション（都市）を使用できます。 OR：市の入力はフリーテキストです。
  2. JSが有効な場合、JSは都市オプションをフィルタリングするか、必要に応じて都市入力を変更します。また、クライアント側で初期検証を実行することもできます。
  3. サーバーは検証を行った後、ページが更新され、エラーがあれば強調表示されます。
0
omri