0

さまざまな選択ドロップダウン メニューから複数の入力値を含むフォームがあります。例えば：

メンバーには 3 つの選択肢があります。

好きな色: 1) 赤。2) 青、3) 緑。

選択したお気に入りの色が赤の場合は、JavaScript の show() を使用してドロップ ダウン要素を持つ新しい div を表示し、新しいオプション セットを選択するように求めます (青と緑の場合も同様)。

私はこれを簡単に行うことができますが、私が遭遇する問題は、追加のフォーム フィールド名の使用にあります。たとえば、上記の選択に関係なく、どの選択でも、選択内容を説明するテキスト領域に情報を入力するようにユーザーに促します。このテキストエリアに「説明」という名前を付けたいと思います。ただし、上記の選択肢 1 のメンバーが説明を入力すると、選択肢 3 の非表示の説明フィールドが値を上書きするため、「説明 1」、「説明 2」、「説明 3」... を作成する必要があります。

これは私が達成しようとしていることの単純化されたバージョンですが、最終的には、特定の POST 変数が非表示の DIV 内でページからページへ移動することは望ましくありません。これは可能ですか？

ありがとう！

編集

入力要素を無効にするための適切な説明を提供するこの記事を見つけましたが、同じ名前の複数の入力要素が必要であるが、さまざまな選択に対してのみ表示されるという私の基本的な根拠には達していません (したがって、説明は次の場合にのみ有効です選択肢は 1,2,3 と 2,4 ですが、2,4 が満たされていないという理由だけで、「説明」を無効に設定しないでください)。

4

2 に答える 2

2

他のフィールド (非表示のフィールド) を無効に設定するのはどうですか? そうすれば、それらの値はフォームの残りの部分と一緒に投稿されません。

したがって、どの div-with-dropdown を表示するかを決定する if ブロックに、次を追加するだけです。

$('#div1 .explanation, #div2 .explanation').attr('disabled', true);

コメントに基づいて回答を更新しました。回答にクラスを追加するだけで、同じ名前を持つことができます。ただし、同じ ID を指定しないようにしてください。それは無効な HTML です。

于 2011-01-10T19:04:55.823 に答える
-1

Jquery という JavaScript ライブラリを使えば簡単です。例...

クリックすると、入力が表示されます...

$("#btn")click( function(){
    $("#inputID").css({'diplay':'block'});
});

Jquery を使用して問題を解決します。詳細については、サイトにアクセスしてください。http: //www.jquery.com

于 2011-01-10T19:11:44.767 に答える