将按钮的值传递给文本框并更新状态。（代码点火器）

Question

如何将 "ACTIVE" 状态属性的值传递到我的文本框？我的目标是通过按 ACTIVE 按钮来更新我的用户的状态。知道用户状态是pending。我可以轻松传递用户 ID，但我在传递状态方面遇到了问题。

我在下面提供了屏幕截图。

观看次数：

<button data-id="<?php echo $rows->transID?>"  ustatus="Active" class="showmodal" class="fundTable btn btn-success btn-sm text-bold user_status">
   <?php echo $rows->transID?> active
</button>  // I can pass the ID to my textbox easily, but the status is not working.

<div id="fundModal" class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="#">
          <div class="form-group">
            <label for="">UserID</label>
            <input type="text" id="usertransferid">
          </div>
          <div class="form-group">
            <label for="">status</label>
            <input type="text" name="status" id="user_status" value="">
          </div>
        </form>
      </div>
   
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

脚本：

<script>

$('.showmodal').on('click', function(e){
    e.preventDefault();
  
  $('#usertransferid').val(this.dataset.id);
  $('#fundModal').modal('show')
})


$('#fundModal').on('hidden.bs.modal', function () {
  $('#usertransferid').val('')
  $('#ustatus').val('')
})
    </script>
    
<script type="text/javascript">
    $(document).on('click','.user_status',function(){

     
        var status = $(this).attr('ustatus');
        //get attribute value in variable

    
        $('#user_status').val(status);  //I tried passing the user status but it's not working

    

    }); 
</script>

控制器：

public function user_status_changed()
{
    //get hidden values in variables
    $id = $this->input->post('id');
    $status = $this->input->post('status');

        


    $data = array('status' => $status );

    
    $this->db->update('users', $data); //Update status here

    //Create success message
    $this->session->set_flashdata('msg',"User status has been changed successfully.");
    $this->session->set_flashdata('msg_class','alert-success');

    return redirect('welcome/users');
}

Answer 1

您没有更新状态，因为您使用 $(this).attr('ustatus');

未定义

那是因为 $(this) 指向 class user_status，它没有 属性 ustatus

你要的是你按钮的attribute ustatus的值，它有一个class showmodal，所以您需要将代码更改为：

$(document).on('click','.user_status',function(){
    var status = $('.showmodal').attr('ustatus');   // check the change here
    $('#user_status').val(status); 
});

P.S：在您的按钮定义中，您使用了两次 class="..."，这是错误的。只要做：

<button data-id="<?php echo $rows->transID?>"  ustatus="Active" class="showmodal fundTable btn btn-success btn-sm text-bold user_status">
   <?php echo $rows->transID?> active
</button>

将按钮的值传递给文本框并更新状态。（代码点火器）

Passing the value of button to textbox and update the status. (Codeigniter)

html

javascript

codeigniter

将按钮的值传递给文本框并更新状态。 （代码点火器）

Passing the value of button to textbox and update the status. (Codeigniter)

html

javascript

codeigniter

将按钮的值传递给文本框并更新状态。（代码点火器）