FilamentgroupによるjQueryUISelectmenuを使用して、データベースから質問を選択しています。スクリプトは基本的に、リストとドロップダウン機能を使用した凝ったドリルメニューです。いくつかの調整(スクリプトはベータ版)の後、それはかなりうまく機能します、しかし、私はたくさんの重複データを使用しているので、スクリプトは遅くて遅くなります。これの主な理由は、チェーン選択メニューを使用する必要があるのに対し、ドリルダウンメニューを使用しているためです。
しかし、ドリルメニューを好まないのであれば、ここには投稿しません。これにより、将来の訪問者にとってプロセスが非常に直感的でシンプルになり、複数ではなく1つの選択ボックスのみが必要になります。
スクリプトでは、ユーザーは4つのカテゴリを「ドリルダウン」し、すべてにいくつかのオプションが含まれています。最後に質問のリストが表示されます。しかし、質問は常に同じです。これまでの例では、ユーザーは次のリストをたどります。
性別(2つのオプション)>年齢(3つのオプション)>教育(3つのオプション)>カテゴリ(6つのオプション)>質問のリスト
ただし、ユーザーが男性または女性、低、中、高などを選択するかどうかは関係ありません。質問は同じままです。そしてそれはリストなので、私は10.000行以上の巨大なリストを持っています。
特に最後のリストのコンテンツが、ページが読み込まれるときではなく、選択されるたびに読み込まれるのが理想的です。私はこのようなことをJsonで行うことができると読みました。私はこれを一日中読みましたが、javascriptとjqueryの知識が限られているため、どこにも行きません。
誰かが私に何ができるか提案してもらえますか?誰も私のためにこのスクリプトを作成するつもりはないことは知っていますが、おそらく既存のスクリプトは、専門家が簡単に実装できるように、わずかな調整が必要です。または、リストに何かを「追加」するオプションがあるかもしれません。あるいは、関数がすでに組み込まれている同様のスクリプトを知っているかもしれません。
このリストはPHP関数に組み込まれています。私はPHPをかなりよく知っているので、そこで使用できるものがあれば、それもオプションです。たとえば、関数がリストで選択されている場合にのみ、関数をロード/実行します。
アップデート:
- JSfiddle
- スクリプトの例(Ajaxなし)
私が使用しているスクリプト:
jQuery.ajax({url: "questions.php"、cache:false})。done(function(html){jQuery( "。result")。append(html);});
Questions.phpは、MySQLデータベースから質問をロードし、それらを順序付けられていないリストとしてエコーします。質問は、リスト自体で使用する場合を除いて、ページのどこにでも表示されます。