###行いたいこと
JavaScriptで動的に追加したフォームに入力した値を取り出してデータベースに登録処理を行いたい
追記 codeigniter のフレームワークを使用しています

###例

DB : テーブルA
カラム1: 職業
カラム2: 年齢

JSで追加するフォーム(「＋」ボタンを押すことで以下の二つが追加される、２度押すと計4つのフォームが表示される)
1つ : 職業選択セレクトフォーム(学生、アルバイト、会社員)
2つ : 年齢入力テキストボックス

3回「＋」ボタンを押し、フォームを記入してsubmitを行なった場合
1つ目 学生 11歳
2つ目 会社員 33歳
3つ目 アルバイト 22歳
↓
DB側に
1行目 学生 11
2行目 会社員 33
3行目 アルバイト 22
が登録されるようにしたい

###現在の状態

Javascriptでの動的なフォームの追加機能を追加した
コントローラで追加されたフォームの入力値をPOSTでモデルに渡した
モデルでPOSTされた値をデータベースに登録する←ここでつまづいてます

php
1//追加フォーム name属性の[]内に何個目のフォームか指定
2<select name="status[1]">
3 <option value="学生">学生</option>
4 <option value="アルバイト">アルバイト</option>
5 <option value="会社員">会社員</option>
6</select>
7
8<input name="age[1]" type="text">
9
10//コントローラ
11$this->model->dbsend($this->input->post());
12
13//モデル
14
15$vars['カラム1:職業'] = ;←ここをどう記述していいかわかりません
16$vars['カラム2:年齢'] = ;←ここをどう記述していいかわかりません
17$this->db->insert('テーブルA', $vars);
18

どうすればうまいこと追加したフォームの個数分DB登録処理をループさせれるのでしょうか？

turbgraphics200

2017/02/03 03:37

"コントローラー"というワードを使用しているということは、何らかのフレームワークを使用しているのでしょうか。使用しているのでしたら、使用しているフレームワークを記載してください。

mochikuzu

2017/02/03 03:39

申し訳ありません追記致しました

行動規範の内容に同意します

回答2件

ベストアンサー

まず、var_dump($this->input->post())して、
その結果を教えてください。

投稿2017/02/03 05:22

redara

総合スコア344

mochikuzu

2017/02/03 05:47

Array( [status] => Array ( [1] => 1 [2] => 2 [3] => 3 ) [age] => Array ( [1] => 11 [2] => 22 [3] => 33 ) ) post内容です、 status[1]とage[1]をデータベースの行1へ status[2]とage[2]をデータベースの行2へ status[3]とage[3]をデータベースの行3へ登録されるようにするにはどのように配列を取り出せば良いのでしょう？

redara

2017/02/03 06:10 編集

function dbsend($data) { 　$status_arr = $data["status"]; 　$age_arr = $data["age"]; 　for ($i=0; $i++; $i<count($status_arr) ) { 　　$this->db->set('status', $status_arr[ $i ]); 　　$this->db->set('age', $age_arr[ $i ]); 　　$this->db->insert('テーブルA'); 　} } でどうでしょうか

redara

2017/02/03 06:04

全角スペース入ってるのでコピペだとスクリプトエラーになるかもしれません。

mochikuzu

2017/02/03 06:22

なんとかできそうです！ありがとうございます！わかりにくくて申し訳ありませんでした！

行動規範の内容に同意します

ごめんなさい、何がわからないのでしょうか？

「＋」ボタンを押したときのフォームの作り方
どういったフォームにすればDBに渡せるか？
正しいデータを渡したつもりだがDBに登録できない

追記

独自に解釈してみました
◯送り側

javascript
1<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
2<script>
3$(function(){
4  $('input[type=button][value="+"]').on('click',function(){
5    var num=$('#main').find('[name^=status]').length;
6    $('#main')
7      .append($('#dummy').html())
8      .find('[name=status],[name=age]').each(function(){
9        $(this).attr('name',$(this).attr('name')+'['+num+']')
10      });
11  });
12});
13</script>
14
15<div id="dummy" style="display:none">
16<select name="status">
17<option value="学生">学生</option>
18<option value="アルバイト">アルバイト</option>
19<option value="会社員">会社員</option>
20</select>
21<input type="text" name="age"><br>
22</div>
23
24<form id="main" ation="recv.php">
25<input type="button" value="+">
26<input type="submit" value="go"><br>
27</form>

◯受け側

PHP
1<?PHP
2if(isset($_GET["status"])){
3  $data=[];
4  foreach($_GET["status"] as $key=>$val){
5    $data[]=['カラム1'=>$val,'カラム2'=>$_GET["age"][$key]];
6  }
7  print_r($data);
8  $this->db->insert_batch('テーブル', $data);//こうする？
9}
10?>