mardi 25 août 2020

laravel 5.8 bootstrap not working inside Jquery

i am using https://developer.snapappointments.com/bootstrap-select/examples/

its working fine in view but when i using this in Jquery below code its not working. help me to fix this.

view code php

      <table id="tableAppointment" style="background-color:powderblue;">
     
        <tr>
        <th style="text-align:center;" colspan="1">NAME</th>
        <th style="text-align:center;" colspan="1">HSN/SAC</th>
       
       
      <th><a href="#" class="addRow btn btn-warning vertical-center"><i class="glyphicon glyphicon- 
  plus">ADD</i></a></th>
      </tr>
       
       <tr>
        <td >
    
            <select class="selectpicker" data-live-search="true"  name="product_name[]">
           <option value=""></option>
          @foreach ($addnewitem as $key=>$addnewitems)
            <option  ></option> 
          @endforeach </select>
    
        </td>
    
     
        <td >
              <select class="selectpicker" data-live-search="true"  name="part_no[]">
           <option value=""></option>
          @foreach ($addnewitem as $key=>$addnewitems)
            <option  ></option> 
          @endforeach </select>
    
        </td>
    
         <td><a href="#" class="btn btn-danger "><i class="glyphicon glyphicon-remove">REMOVE</i></a> 
  </td>
      </tr>
    
    </table>
    
    <script type="text/javascript">
    
        $('.addRow').on('click',function(){
            addRow();
        });
        function addRow()
        {
        
            var tr='<tr>'+
    
    
            '<td ><select class="selectpicker" data-live-search="true"  name="product_name[]"><option 
 value=""></option> @foreach($addnewitem as $key=>$addnewitems)<option  ></option>@endforeach </select></td>'+
    
    
    
             
'<td ><select class="selectpicker" data-live-search="true"  name="part_no[]"><option value=""></option> 
  @foreach($addnewitem as $key=>$addnewitems)<option  ></option>@endforeach 
 </select></td>'+
    
    
           
            
 '<td><a href="#" class="btn btn-danger remove"><i class="glyphicon glyphicon-remove">REMOVE</i></a> 
 </td>'+
         
            '</tr>';
            $('tbody').append(tr);
        };
        $('.remove').live('click',function(){
            var last=$('tbody tr').length;
            if(last==1){
                alert("you can not remove last row");
            }
            else{
                 $(this).parent().parent().remove();
            }
        
        });
    
    </script>

enter image description here



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire