0

このプロジェクトで抱えている特定の問題の解決策を見つけることができませんでした。次のことが必要です: 2 つの選択ボックスを含むテーブルに行を動的に追加し、ajax を使用して、最初の選択ボックスの値に基づいて、2 番目の選択ボックスの選択オプションを自動入力します...それぞれのテーブル行に(一部のjsによってその場で動的に追加されました)。

まだ私と一緒に？

最初の行の最初のドロップダウンの値に基づいて、ajax/javascript を使用して選択ドロップダウンを動的に簡単に設定できます。ajax/js 関数を使用して追加の各選択を読み込むことで、同じ行に 3 つ以上の選択ボックスを配置することもできます。しかし、これは私の目標ではありません。

これが私が持っているものです... 私のフォームには、3 つの列を持つ単純なテーブルが含まれています。1 番目はチェックボックス、2 番目は「State」選択ボックス、3 列目は「City」選択ボックスです。テーブルの上に「行を追加」と「行を削除」できる 2 つのボタンがあります。最初の行 (プログラムされている) は、ajax を使用して州の都市名を読み込むのに完全に機能します。

[行を追加] ボタンをクリックすると、2 番目の行を動的に作成できます。この行には、チェックボックス、州の選択、都市の選択フィールドが含まれています。州の選択は元の列の innerHTML コンテンツに基づいて入力されますが、都市の選択は明らかに null です。注: これらのフィールドの名前と ID 名は繰り返されます... city_id、city_id_1、city_id_2、city_id_3 など... その一意性を使用して作業します。

私の問題は、2 行目または 3 行目 (など) の行から州を選択すると、最初の都市の選択のみが変更されるという事実にあります。なんで？js/ajax 処理関数は、"city_id" という名前の要素に対してのみ動作すると言っているためです!! 最初の行の都市選択ボックスの名前です。

更新が必要な要素の名前を onreadystate ajax 関数に動的に渡す方法を (まだ) 見つけていません。2 つまたは 3 つの選択ボックスを 1 行 (同じ行) に入力する必要がある場合、ドロップダウンごとに補完的な ajax 関数が必要でした。要素を動的に?? 多くの機能を自分のページに事前にプログラムすることはできません...またはそうしなければなりませんか?

これを達成する方法について何かアイデアがあれば、私はとても感謝しています!!!

ありがとう！

4

1 に答える 1

0 
var i=1; // put here the number of the column being added now.
var x=document.getElementById("city_id_"+i);
// populate x
于 2010-01-22T08:19:32.330 に答える