2016-03-26 5 views
0

私はPHPは、私は(PHP)どのように新たな入力環境のフィールドを取得するためにボタンを置くことができます(内部の写真)

私が取得したい場合はどう...場合に尋ねるための2つの質問があるので、コーディングに新たなんですクリックして「+」ボタンをした後、それは

enter image description here

0123下図のような入力ボックスを提供します

enter image description here

下図のように「+」ボタンをクリックすることにより、複数の入力フィールド

...最初の質問ですが、どうすればこのようにすることができますか?

私はこのようにすることができた後、どのようにこれらのデータを同じテーブルに格納することができます。

たとえば、教育用テーブルには、ID(Autonumberred)、ユーザーID、学位、専攻、大学、年度、および栄誉があります。この

enter image description here

ような1つのユーザ入力、それらのデータは、ユーザIDが10000であると仮定した場合

は、次に表に...このよう

を格納すべきである(1)ID(Autonumberred) (2)ユーザーID、(3)学位、(4)専攻、(5)大学、(6)年および(7)名誉

(1)00001、(2)10000、(3)修士号、(4)情報技術、(5)仮定大学、(6)2014、(7)

(1)00002、(2)10000、(3)学士号、(4)ビジネスデータ分析、(5)タマサート大学、(6)2012、(7)Magna Cum Laude。

ありがとうございます。あなたの最初の質問については

+1

コードを共有します。 – C2486

+0

JavaScriptを使用することができれば、これはもっと簡単になります。純粋なPHP/HTMLソリューションを探しているのはPHPだけです。 – Chris

+0

いいえ、実際にJSが助けることができるなら、私はそれを感謝します。私はまだPHPに新しいので、私はまだJSを使用する方法を知らないです。 – gznero

答えて

0

$(document).ready(function() { 
 
\t $("#more").click(function() { 
 
\t \t $("#clone").clone().appendTo("#main_wrap"); 
 
\t }); 
 
}); \t
input{ width:200px; float:left;}select{ width:200px; float:left;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form action="submit.php" method="post"> 
 
<div style="width:250px;" id="main_wrap"> 
 
\t <div id="clone" style="float:left; width:100%;"> 
 
\t \t <select name="education[]"> 
 
\t \t \t <option value="" selected="selected">Education</option> 
 
\t \t \t <option value="1">value 1</option> 
 
\t \t \t <option value="2">value 2</option> 
 
\t \t \t <option value="3">value 3</option> 
 
\t \t </select> 
 
\t \t <input type="text" name="in[]" placeholder='In'> 
 
\t \t <input type="text" name="from[]" placeholder='From'> 
 
\t \t <select name="year[]"> 
 
\t \t \t \t <option value="" selected="selected"> Year</option> 
 
\t \t \t \t <option value="2013">2013</option> 
 
\t \t \t \t <option value="2014">2014</option> 
 
\t \t \t \t <option value="2015">2015</option> 
 
\t \t </select> 
 
\t \t </br> 
 
\t </div> 
 
</div> 
 
<div style="float:left;"> 
 
\t <input type="button" value="more" id="more" style="float:left;"> 
 
</div> 
 
<div style="float:left;"> 
 
\t <input type="submit" value="Submit Form" style="float:left;"> 
 
</div> 
 
</form>

そして、あなたのsubmit.phpファイル内のすべての値を取得し、デシベル

に挿入する $_POSTを使用210
+0

これまでのところ、「もっと」ボタンの部分が今働いています。ありがとうございました !!!私がこの後のどこかにいれば、私は更新します。 – gznero

+0

@gzneroええ、確か!どんなときも.. :) –

0

あなたはこのようにそれを置く場合は、フォームを送信した後、あなたはすべての入力の配列を取得たとえば<input name="year[]" />ため、[]を使用し、あなたの入力フィールドに名前を付けたいです。 +ボタンで新しい入力を入れることは、新しい入力を表示するためのJSコードの問題に過ぎません。

2番目の質問では、データをデータベースに挿入するだけです。

0

まずあなたは、この類似したHTMLでフォームを作成することができます。その後、あなたは、PHPで関数を記述しなければなりませんプレスについて+ボタンをテーブルに新しい行を作成し、あなたがPHPのPOSTメソッドを使用することができますhttp://1stwebdesigner.com/php-contact-form-html

あなたのフォームデータに新しいPHPファイルを送り、それを入手してください。

関連する問題