質問: 必須項目を選択すると自動(強制)的に遷移する動きを、JavaScriptで実現できるのか お世話になります。以下のサンプルページのように、 必須項目を選択すると、自動的に(ページ内で)次のStepに行くような処理を実現したいと考えています。 エンジニアの判断では、サーバーとの通信が必要だということなのですが、JavaScriptなどでは実現できないものでしょうか。 もし可能な場合、参考になるサイト、またはサンプルコードなどをご教示いただけませんでしょうか。 何卒よろしくお願いいたします。
回答: jsFiddle にサンプルを置きました。 質問の文面からは、つまづきポイントがよく分からないので、勝手に想像して書くと、ポイントはふたつあると思います。 まず、タブ表示。 見た目は遷移しているわけですけれど、実際には全てのタブの HTML が展開されていて、そのうちのひとつだけを表示している、というふうになってます。 もうひとつは、条件を満たしたら、ってところでしょうか。 ラジオボタンやプルダウンリストボックスをクリックしたときのイベントは、デフォルトで上位のタグにも伝搬します。 その上位の要素の onclick イベントのハンドラで、クリックされた要素を調べて、内容が設定されたかどうかを保持しておきます。 クリックされるたびに、全体の内容が指定された要素の状態を調べて、表示すべきタブがどれか、という判定をして、そのタブを表示する、というような流れです。