エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です
P粉170858678
P粉170858678 2024-04-04 18:40:04
0
1
3705

エンド ユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。

簡単なデモを確認するには、フィドルを参照してください:

https://jsfiddle.net/Balkanlii/ghecv1j8/1/

同じランキングが 2 回目に選択された場合 (エンド ユーザーの気が変わった場合など)、選択されたオプションを変更する jquery スクリプトを構築したいと考えています。それで:###

  • 項目 1 が 1 番として選択されているとします。その後、エンド ユーザーが項目 2 に来て、この項目を 1 番に設定することに決めた場合、ここではオプション 1 のみを選択し、他の項目は「自動的にレベルに設定する」を選択する必要があります。 2.

  • プロジェクト 1 が 1 位として選択され、プロジェクト 2 が 2 位として選択されたとします。次に、エンド ユーザーが項目 3 をチェックしたときに、それをランク 1 に設定することに決めたとします。これを実行すると、アイテム 1 は自動的に 2 位にランクされ、アイテム 2 は自動的に 3 位にランクされるはずです。

この目的で正常に使用できるクエリを作成しましたが、次の条件によりスクリプトが壊れています:

    プロジェクト 1 が 2 位として選択され、次にプロジェクト 2 が 1 位として選択されるとします。この結果、実際には 2 番目にランク付けされた項目がないにもかかわらず、項目 1 が自動的に 3 番目にランク付けされます。
それを修正するにはどうすればよいですか?

また、私のやり方よりも良い方法はありますか。やり方が複雑になってきたので知りたいです。

ご協力いただければ幸いです。

これまでの私の jQuery スクリプト:

ああああ

P粉170858678
P粉170858678

全員に返信(1)
P粉301523298

次の操作を実行すると、他のフィールドで選択したオプションを無効にできます。これが動作している画面の記録です...

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート