背景-たくさんのボタンを含むWebページがあります(POSシステムを考えてください)。ボタンの名前(特定の順序で並べるために使用)と、アイテムとコストの2つの部分を含むボタンのテキストをユーザーが編集できるようにしたいと思います。現在、PHPページ(編集が行われる場所)から別のPHPページ(データベースに書き戻す場所)にデータを渡すことで機能していますが、AJAXメソッドをさらに使用してjsに渡したいと考えています。編集が保存されたときにを更新する関数。ボタンの数は非常に多いので、スクリプトに読み込むボタンの正確な数はわかりません。現在、私はこのようなものを持っています...
echo "<td><input type='text' name='btn[]' size='5' value='" . $row['button'] . "'/></td>";
echo "<td><input type='text' name='itm[]' size='5' value='" . $row['item'] . "'/></td>";
echo "<td><input type='text' name='prc[]' size='5' value='" . $row['price'] . "'/></td>";
これは私が持っているPHPページに送信されます...
$buttonArray = $_POST['btn'];
$itemArray = $_POST['itm'];
$priceArray = $_POST['prc'];
$numberofItems = count($itemArray);
for ($i=0; $i<$numberofItems; $i++)
{
$sql = "UPDATE concessions SET button = '".$buttonArray[$i]."', item = '".$itemArray[$i]."', price = '".$priceArray[$i]."'";
mysql_query($sql);
}
document.form.elementsを見てjsで同様のことをしたいのですが、何か(および配列など)として送信する方法がわかりません。forループを使用してループすることができます。どんな提案でも大歓迎です。