問題タブ [jquery-selectbox]

わかりましたので、ユーザーの選択に基づいてアイテムを表示および非表示にするスクリプトを作成しようとしています。ラジオグループでこれを行う方法を理解することができましたが、選択項目に関しては理解できません。ここで私が間違っていることを知っている人はいますか？

私のjQuery

私のHTML

やあみんな、ここにいくつかのコードがあり、正しく動作していないように見えるか、ロジックが意味をなさない. ユーザーがピザのトッピングを選択できる複数選択ボックスを作成する必要があります。同様に、各トッピングは、私の計算では 0.50 セントの追加費用です。したがって、ユーザーがトッピングを 1 つだけ希望する場合は、追加の 0.50 セントになります。したがって、ユーザーがオプション 2 または 3 を選択した場合、またはオプション 1 と 4 を選択した場合でも、トッピングの価格は同じになります。

どんな助けでも大歓迎です！

新しい HTMLは次のとおりです。

JS:

もともとこれは、選択されたトッピングを決定するための私のコードでしたが、HTML で値を 1 のままにしておくと、計算が変更されることがわかりました。だから今、私はこれをやり遂げなければなりません。 古い HTML

サービスから任意の JSON を返すことができます。JSON に基づいて、SelectBoxes を動的に作成し、それらに値を入力する必要があります。

例えば-

この場合、3 つのメイン選択ボックスが作成され、その下にサブ選択ボックスが作成されます。同様に - OneMain SelectBox - 時間、時間の下にさらに 5 つの選択ボックス、2 番目の SelectBox - 場所、その下にさらに 4 つの選択ボックスなど。

そのようなレベルまで動的にする方法はまったくわかりません。

選択ボックスに 2 つの機能を持たせることが可能かどうかを知りたいです。

1. を使用してオプションを選択すると、自動的にリダイレクトされますvalue。

2. ajax を使用してコンテンツを最も近い div にロードしdata-fileます。

しかし、次のスクリプトを試したところ、ajax オプション (Fans) は機能せず、代わりにリダイレクトを試みました。1 つの選択ボックスで 2 つの機能を使用する方法を教えてください。ここにデモがあります。

いくつかのスレッドを読んだところ、これら 2 つのコードで選択ボックスをリセットできることがわかりました。

または

しかし、他の選択ボックスをクリックしたときに、選択ボックス(フィドル)を「選択」にリセットすることはできません。このコードでは、選択ボックスが を介してコンテンツをロードしdata-file、 を使用して他のページにリダイレクトしますvalue。1 ページに 10 個以上の選択ボックスを配置するので、おそらくクラスを使用する方がよいでしょう。上記の方法を試しましたが、エラーが発生したか、ボックスが常に「選択」オプションのままです。誰かがいくつかの解決策を提案できますか?

コード：