Как изменить статус на модальной кнопке «ОК» в «Кодигнитере»?

Question

У меня настроено модальное оповещение для изменения статуса, но статус меняется автоматически только при открытии модального оповещения. Как изменить статус только при нажатии на кнопку ok модал?

Мой контроллер

public function Changetobilledstatus()
{
    $id=$this->input->post('value');

    $data=array('Rental_status'=>3);
    $this->General_model->update($this->table,$data,'RA_id',$id);
    echo json_encode($data);     

}

Мой HTML

<div id="UnbilledModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Do You Need update status into billed ?</h4></div>


    <div class="modal-footer">


    <button type="submit"  class="btn btn-primary option">OK</button>

    </div>
    </div>
    </div>
    </div>

Мой сценарий

$('td', row).eq(10).html('<center><select id="Rental_status" onchange="changeStatus('+data['RA_id']+')"><option value="1">Select</option><option value="2">Billed</option></select></center>');
function changeStatus(RA_id){

var val=$("#Rental_status").val();
var id= RA_id;
if(RA_id){
$.ajax({
              url:"<?php echo base_url()?>index.php/Rental_agreement/Changetobilledstatus",
              type: 'POST',
              data: {value:RA_id},
              dataType: 'json',
              success:
              function(data)//quotation_status
              {
                //location.reload();
                //alert(data['quantity']);
                $('#UnbilledModal').modal();

              },
              error:function(e){
              console.log("error");
              }

      });
}
}

Answer 1

=> ваш HTML-код

$('td', row).eq(10).html('<center><select id="Rental_status" onchange="changeStatus('+data['RA_id']+')"><option value="1">Select</option><option value="2">Billed</option></select></center>');

// при выборе вы должны написать код таким образом

'<a title="Change Status" class="btn btn-danger btn-xs" data-user="' + id + '" data-status="' + data + '" href="#UnbilledModal" data-toggle="modal" onclick="change_status(this)">Disable</a>'



<div id="UnbilledModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <?php echo form_open('your url', array('class' => 'form-horizontal', 'name' => 'your form name')); ?>
                <input type="hidden" name="id" /> //fetch id and status
                <input type="hidden" name="status" />
                 <h4 class="modal-title">Do You Need update status into billed ?</h4></div>
                <div class="pull-right">
                    <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-success">Yes</button>
                </div>
                <?php echo form_close(); ?>
            <div class="modal-footer">
                <button type="submit"  class="btn btn-primary option">OK</button>
            </div>
        </div>
    </div>
</div>

=> ваш код Javascript

function change_status(obj) {
        var id = $(obj).data('id');         
        var status = $(obj).data('status'); // here you can fetch data value 

        $('input[name="id"]').val(id);
        $('input[name="status"]').val(status);// use in modal right
    }

    function show_modal(obj) {
        var modal_id = $(obj).attr('href');
        var content = $(modal_id).children('div.modal-dialog').children('div.modal-content');
        var data_url = $(obj).attr('data-url');
        $.ajax({
            url: data_url,
            dataType: "html",
            catch : false,
            success: function (data) {
                $(content).html(data);
            }
        });
    }