ボタンがクリックされた場合のみフォームにリダイレクトし、オプションを選択します。それ以外の場合は、ナビゲーション タブの標準表示がデフォルトになります。

Question

あるナビゲーション タブにフォームがあり、別のナビゲーション タブからそのフォームにリンクしています。以下のコードを使用して、複数のページからすべてのナビゲーション タブにリンクしています。

リーリー

動作しますが:

1. 可能であれば、URLからリダイレクトした後のハッシュタグを削除したいと考えています。これは、JavaScript のこの部分で発生している問題です。

2. もう 1 つは、ボタンを使用してフォームにリンクするために、次の解決策を思いつきました:

   リーリー

一見するとこれは機能しますが、最終的にフォームにリンクし直すと、デフォルトのオプションが選択されなくなります。場合によっては、オプションが選択されていないこともあります。ボタンがクリックされない限り、フォームには常にデフォルトで選択されたオプション(デフォルトでは「0」です。それ以外の場合は無効になります)が表示されるようにしたいと考えています。ボタンがクリックされたときのみ、この値をオプション 2 に変更したいと考えています。別のリンクからフォームにリダイレクトする場合、デフォルトの無効な値が表示されるようにしたいです。

これは私のボタンです:

リーリー

おそらく JavaScript について詳しい人なら次のことができるでしょう。

1. すべてのナビゲーション タブにリダイレクトした後にハッシュを削除できるようにしてください&
2. ボタンをクリックしたときにオプション 2 のみが選択されるように、コードをより適切に構造化できますか。

それ以外の場合、フォームまたはその他のナビゲーション タブにリンクする場合は、次のコードを使用するだけです:

リーリー

お手伝いできることがございましたら、ぜひお知らせください。前もって感謝します。

Answer 1

1. #history API を使用してハッシュ値を置き換えます。
selectedIndex を使用してドロップダウン オプションを選択します。
リーリー