javascript - Codeigniter Javascript 动态输入仅提交第一项

Question

我正在尝试提交带有动态输入的表单。我可以通过 javascript 添加几个输入。但是，当我提交时，它只会获取第一个添加的输入值。我希望有人能帮我看看这个，因为我已经尝试解决这个问题很长时间了。谢谢

Controller

public function update(){
        $this->form_validation->set_rules('first_name', 'Firstname', 'trim|required|xss_clean');
        $this->form_validation->set_rules('last_name', 'Lastname', 'trim|required|xss_clean');
        $this->form_validation->set_rules('phone_number', 'Phone', 'trim|required|xss_clean');
        $this->form_validation->set_rules('date_of_birth', 'Date of Birth', 'trim|required|xss_clean');
        $this->form_validation->set_rules('address', 'Address', 'trim|required|xss_clean');
        $this->form_validation->set_rules('country', 'Country', 'trim|required|xss_clean');
        $this->form_validation->set_rules('active', 'Is Active', 'trim|required|xss_clean');

        $id = $this->input->post('id');
        $person_id = $this->input->post('person_id');
        $first_name = $this->input->post('first_name');
        $last_name = $this->input->post('last_name');
        $date_of_birth = $this->input->post('date_of_birth');
        $phone_number = $this->input->post('phone_number');
        $account_number = $this->input->post('account_number');
        $address = $this->input->post('address');
        $country = $this->input->post('country');
        $active = $this->input->post('active');

        if($this->form_validation->run()==false){
            $this->edit();
        }else{
            $person = array(
                'first_name'=>$first_name,
                'last_name'=>$last_name,
                'date_of_birth'=>$date_of_birth,
                'phone_number'=>$phone_number,
                'address'=>$address,
                'country'=>$country,
            );
            $account = array(
                'is_active'=>$active
            );
            print_r($account_number);
        }
    }

查看

<script>
$(document).ready(function(){
    var max_fields = 5;
    var wrapper = $("#new_account_number_container");
    var addInput = $("#addInput");
    var i;
    $(addInput).click(function(e){
        i = $("#new_account_number_container input").length;
        e.preventDefault();
        if(i<max_fields){
            i++;
            $(wrapper).append('<div><input type="text" name="account_number[]"  class="form-control" placeholder="Account Number" required autofocus><a href="#" style="color:#2c3137 !important; " class="remove">Remove</a><div>');
        }
    });
    $(wrapper).on("click",".remove", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); 
        i--;
    });
});
</script>
<div id="new_account_number_container" class="form-group col-sm-8">
           <input type="text" name="account_number[]"  class="form-control" placeholder="Account Number" autofocus>
           <br>
        </div>
        <div class="form-group col-sm-8">
            <button class="pull-right btn btn-primary" id="addInput">Add</button>
        </div>

Answer 1

首先，我看不到<form>在你的代码中。没有这个标签，您将无法获得所需的行为:

在那之后，

为了给您格式化的代码片段，我将该建议作为答案发布:

//这是表单的id$("#form_id").submit(函数(e) {

var url = "path/to/your/script.php"; // the script where you handle the form input.

$.ajax({
       type: "POST",
       url: url,
       data: $("#form_id").serialize(), // serializes the form's elements.
       success: function(data)
       {
           alert(data); // show response from the php script.
       }
     });

     e.preventDefault(); // avoid to execute the actual submit of the form.
});