非表示のフォームフィールド

Question

ユーザーがコメントを入力できる入力フィールドがあります。別のフィールドを追加したいのですが、「隠し」にしたいのですが、「人を追加」をクリックすると、入力フィールドがドロップダウンボックスに表示され、追加したい人の名前を入力します。その後、ユーザーが「submit」を押すとコメントが追加され、追加の「people」情報がPHPスクリプトによって処理されます。これはどのようにして行われますか？

Answer 1

入力フィールドがある[人を追加]ドロップダウンボックスは、非表示のdivになります。 divは、ユーザーが「人を追加」をクリックしたときに表示されます。

ドロップダウンと入力値は常にあなたのPHPスクリプトに送信されます。 PHPでは、これらのフィールドに設定したデフォルト値をすべて除外してください。

Answer 2

jQueryがオプションの場合は、それを使用することをお勧めします。

もしそうでなければ、Javascript DOMを使って同じことを達成することができます。もっと努力してください。

あなたは非表示のフォームフィールドには2つのオプションがあります：あなたはそれを彼らは「人を追加」をクリックするたびに作成することができます

1. を
2. あなたは、その後、事前にそれを作成し、デフォルトではそれを隠すことができます誰かが「人を追加」をクリックしたときに表示するだけです。

デフォルトで非表示にするには、非表示にする要素（またはコンテナ要素）にCSS属性：display: noneを指定します。

jQueryを使用している場合は、「人を追加」ボタンのクリックイベントに関数をバインドできます。そうでない場合は、onclick=""属性を指定して、非表示の入力ボックスを表示するJavascript関数を呼び出すことができます。

フォームを送信する準備が整ったら、もう一度jQueryを使用して、フォームの提出をJavascript関数： $(myform).submit(someFunction)にバインドすることができます。同様に、jQueryがオプションでない場合は、フォームにonsubmit属性を使用して、フォームの送信時に発生する処理を処理できます。

さらに詳しい情報を使用して、このレスポンスをニーズに合わせて調整することができます。

Answer 3

このようにします。

http://jsfiddle.net/aJHnV/