0

3 つのドロップダウンリストがあります 1. ここで製品の品質を選択する必要があります 2. ここで標準または非標準の IF 標準を選択する必要があります 次に、3 番目のリストに動的データを入力する必要があります IF 非標準の場合は何も入力しません (3 番目のボックスは空)

ただし、入力されたリスト (3 番目) には、最初のドロップダウン リストからの選択にも基づく別の選択が必要です。

3 つのリストを結合して 3 番目のリストに入力する方法がわかりません

最初のリストは quality という名前です 2 番目のリストは Measurements という名前です

これは、次を選択する mysql データベースに基づいています。

そして、私は Json header('Content-type: application/x-json'); を持っています。

echo json_encode($fb_query); 出口;

document.observe('dom:loaded', function(f){ $('measurements').observe('change', populateMeasurements).bindAsEventListener(); }); function populateMeasurements(e){ // パラメータを収集 var qs = '&measurements=' + $F('measurements'); // リクエストを作成 var req = new Ajax.Request('nameRequest.php', { method: 'post', parameters: qs, onComplete: function(transport){ // レスポンスを収集し、オブジェクトに evel var obj = eval(transport .responseText); // 選択項目をクリア $('lengte_breedte').options.length = 0; // 反復して新しいメニューを構築 $('lengte_breedte').options[$('lengte_breedte').options.length] = new Option('-- Select --', ''); var ListItems = new Array(); // 新しい選択項目オプションを作成します obj.each(function(t){ ListItems[ListItems.length] = new Option(t.lengte_breedte, t.lengte_breedte); }); // 新しい項目を設定します for(var i=ListItems.length - 1;i>=0;i--){ $('lengte_breedte').options[$('lengte_breedte').options.length] = ListItems[i ]; } } // オンコンプリート }); } // 関数終了 lengthe_breedte').options[$('lengte_breedte').options.length] = ListItems[i]; } } // オンコンプリート }); } // 関数終了 lengthe_breedte').options[$('lengte_breedte').options.length] = ListItems[i]; } } // オンコンプリート }); } // 関数終了
4

1 に答える 1

0

したがって、2番目のリストが標準に選択されている場合にのみ、実際に3番目のリストにデータを入力する必要があるだけのようです。最初に行うことは、2番目のリストの変更を監視しているイベントリスナーにif条件を追加することです. 非標準の場合は、3 番目のリストを空にして完了です。それ以外の場合は、リスト 1 の現在の値をパラメーターとして渡す nameRequest.php への ajax 呼び出しを行います。コールが返ってきたら、3 番目のリストにデータを入力すれば準備完了です。

注意として、ajax が 3 番目のリストに入力するのを待っている間は送信ボタンを無効にし、返されたデータからそのリストの作成が完了したら再度有効にする必要があります。

于 2009-12-27T17:14:05.687 に答える