отключить кнопку отправки после нажатия на нее в codeigniter

Question

Я новичок в php и codeigniter. У меня есть эта задача, над которой я сейчас работаю, которая является системой управления общежитием. у ученика есть возможность выбрать еду, которую они хотят съесть, выбрав ее, все, что я пытаюсь сделать, это отключить кнопку выбора после того, как они нажмут на нее, другими словами, студент может выбрать конкретное блюдо один раз.

вот мой код:

<td><div><?php echo $row['type'];?></div></td <td><div><?php echo $row['content'];?></div></td> 
<td><div><?php echo $row['date'];?></div></td> 
    <td align="center"> 
<?php $is_selected=$this->db->get_where('selected_meal', array('meal_id' => $row['meal_id'],'student_id'=>$this->session->userdata('student_id')))->row()->delivered; 


<a data-toggle="modal" href="#modal-form" onclick="modal('order_meal',<?php echo $row['meal_id'];?>)" class="btn btn-gray btn-small"> 
<i class="icon-wrench"></i> <?php echo get_phrase('select');?> 
    </a> 
    <?php ?> 
     </td> 

Answer 1

Кажется, вы используете загрузчик, вы можете добавить класс "disabled" по щелчку submit

Или попробуйте это, добавьте класс dis-btn и написать скрипт на событие нажмите

$('.dis-btn').prop('disabled', true); 

Answer 2

Дайте классу элемент, который вы хотите выбрать. Ex 'select-meal'.

$('.select-meal').click(function(){ 
    $(this).attr('disabled', 'true'); 
}) 

Answer 3

Образец формы, кнопка и javascript. Вы должны изменить его в соответствии с вашими потребностями.

<form name="myForm" id="myFormId" class="form-horizontal" method="post" action="<?php echo base_url('invoice/create_invoice');?>"> 
     ................. 
     .................... 
     <input type="submit" id = "formSubmit" class="btn btn-primary" value="Submit"> 
    </form> 

    <script type="text/javascript"> 
     document.getElementById('myFormId').onsubmit = function() { 
      document.getElementById("formSubmit").disabled = true; 
     } 
    </script> 

Answer 4

Jquery:

//put a id attribute to the anchor id='meal' 
<a id ='meal' data-toggle="modal" href="#modal-form" 
    onclick="modal('order_meal',<?php echo $row['meal_id'];?>)" 
    class="btn btn-gray btn-small">Choose Meal</a> 


    $(document).ready(function(e) { 
    $('#meal').on('click', function() { 
     //use this in your case 
     $(this).addClass('disabled'); // for anchors 

     $(this).attr('disabled','disabled'); // for butttons 
    }); 
});