1

私は単純な GPA (成績平均点) 計算機を作成しましたが、いくつかのものをいじっているだけで、ユーザーが好きなように行を追加できるようにする方法を知りたいと思っています。これを行っている人の最も良い例は、次の Web サイトにあります: http://gpacalculator.net/high-school-gpa-calculator/

ユーザーがボタンをクリックすると、jquery関数が行を追加できることを理解できると思いますが、行を追加するたびに入力要素の名前が異なるように取得するにはどうすればよいですか。php ファイルは $_POST['someName'] の名前をどのように認識しますか。

簡単に言えば、jqueryを使用して行を追加し、そのフォームをphpファイルに送信して、事前に作成された行とは異なるようにするにはどうすればよいですか。

知っておく必要がある場合に備えて、php ファイルに送信される値を変数に保存します。そして、それらを GPA を計算する式に入力します。

ここで編集はテーブルのコードです：

<table>
    <form id = "myform" name = "myform" method = "POST" action = "">
        <tr> 
            <th> Grade in test </th> 
            <th> Weight of grade </th> <br />
         </tr>
        <tr> <td><input type = "text" name = "grade1" /> </td> <td> <input type = "text" name = "weight1"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade2" /> </td> <td> <input type = "text" name = "weight2"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade3" /> </td> <td> <input type = "text" name = "weight3"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade4" /> </td> <td> <input type = "text" name = "weight4"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade5" /> </td> <td> <input type = "text" name = "weight5"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade6" /> </td> <td> <input type = "text" name = "weight6"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade7" /> </td> <td> <input type = "text" name = "weight7"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade8" /> </td> <td> <input type = "text" name = "weight8"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade9" /> </td> <td> <input type = "text" name = "weight9"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade10" /> </td> <td> <input type = "text" name = "weight10"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade11" /> </td> <td> <input type = "text" name = "weight11"  /> </td> </tr>
        <tr> <td><input type = "text" name = "grade12" /> </td> <td> <input type = "text" name = "weight12"  /> </td> </tr>

<tr> 
  <td> <div id = "submitButton">
          <input type = "submit" value = "SUBMIT"  style = " font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding: 10px;border: none; color: white; background-color: #0499ff; width: 100%; font-size: 13px; border-radius: 5px;""/></div></td> <td> <input type = "reset"  /> </td></tr>

    </form>
    </table>
     <div id = "results2"></div>
</div>

次に、PHP ファイルのコードを初期変数に切り詰めます。

/* GRADES VARS */
$grade1 = $_POST['grade1'];
$grade2 = $_POST['grade2'];
$grade3 = $_POST['grade3'];
$grade4 = $_POST['grade4'];
$grade5 = $_POST['grade5'];
$grade6 = $_POST['grade6'];
$grade7 = $_POST['grade7'];
$grade8 = $_POST['grade8'];
$grade9 = $_POST['grade9'];
$grade10 = $_POST['grade10'];
$grade11 = $_POST['grade11'];
$grade12 = $_POST['grade12'];


/* GRADE WEIGHT VARS */
$weight1 = $_POST['weight1'];
$weight2 = $_POST['weight2'];
$weight3 = $_POST['weight3'];
$weight4 = $_POST['weight4'];
$weight5 = $_POST['weight5'];
$weight6 = $_POST['weight6'];
$weight7 = $_POST['weight7'];
$weight8 = $_POST['weight8'];
$weight9 = $_POST['weight9'];
$weight10 = $_POST['weight10'];
$weight11 = $_POST['weight11'];
$weight12 = $_POST['weight12'];

ありがとう！

4

2 に答える 2

5

したがって、基本的にはフィールド名を配列として使用する必要があるため、次の例を見てください。

<input type="text" name="someName[]" value="0" />
<input type="text" name="someName[]" value="2" />
<input type="text" name="someName[]" value="4" />
<input type="text" name="someName[]" value="6" />

for submit を実行して値をサーバーに送信すると、次のように PHP を使用して配列としてアクセスできるようになります。

echo $_POST['someName'][0]; // outputs 0
echo $_POST['someName'][1]; // outputs 2
echo $_POST['someName'][2]; // outputs 4
echo $_POST['someName'][3]; // outputs 6

行数がわからないので、ループすることができます：

foreach($_POST['someName'] as $someName){
    echo $someName; //will output the value 0/2/4/6 depending on the iteration
}

JavaScript を使用してボタンを追加する場合は、名前が同じであり、括弧が付いていることを確認する必要があります。

$('#addButton').click(function(){
    $('.container').append('<input type="text" name="someName[]" value="someNumber" />');
});

それがあり、入力が送信可能なフォームタグ内にある限り、これは機能します。

最初の回答に追加したコードに基づいて編集します。PHP で配列を利用することをお勧めします。

上記で説明したように、入力を使用するとします (ちなみに、これは、バックエンドに投稿できる任意の HTML 要素 [チェックボックス、入力、テキストエリア、選択など] で使用できます)。あなたはこれを行うことができます：

$grades = array();
foreach($_POST['grade'] as $g){
    $grades[] = $g; // add grade from each input to the array
}

// then you can manipulate the data through looping through it.
foreach($grades as $grade){
    // do something here with each grade...whether it be manipulating it
    // or adding it another array with some changes whatever.
}

これにより、コードをクリーンアップすることができ、重みで同じことができます。

于 2013-01-16T01:06:49.533 に答える
-1

::::::::コードを見てから編集::::::::

あなたはコードでこれについてすべて間違っています。ただし、既存のコードを使用して機能させたい場合は、次のようにしてください。

変化する

<tr> <td><input type = "text" name = "grade12" /> </td> <td> <input type = "text" name = "weight12"  /> </td> </tr>

に

<tr id="last"> <td><input type = "text" name = "grade12" /> </td> <td> <input type = "text" name = "weight12"  /> </td> </tr>

jQuery は次のようになります。

$("#add-button").click(function() {
      $('#last').append("<tr><td><input type = \"text\" name = \"customgrades[\]\" /> </td> <td> <input type = \"text\" name = \"customweight[\]\"  /> </td> </tr>");
    });

次に、ボタンまたはリンクを実行します 成績を追加する

フォームを送信したら、php 側で

$_REQUEST[customgrades];
$_REQUEST[customweight];

または、インターネット上のエリート主義者の友人が $_REQUEST を使用したことを非難したい場合、このアプリケーションでは使用できない理由がないにもかかわらず、次のように使用できます。

$_POST[customgrades];
$_POST[customweight];

これら 2 つの変数は、関連付けられたデータを含む配列を保持します。

于 2013-01-16T01:04:55.123 に答える