Загрузить данные в modal в CodeIgniter

Question

Я пытаюсь заполнить данные в моем раскрывающемся списке моей модальной формы, но, похоже, не работает. Список не отображается в моем раскрывающемся списке. Я не уверен, что с этим не так. Цените свой совет. Благодаря

Вот идет моя модальную форму в силу (view_timeline.php)

<div class="modal fade" id="myTimeModal" tabindex="-1" role="dialog" aria-labelledby="myTimeModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>            
       <h4 class="modal-title" id="myTimeModalLabel">Add New Timeline</h4> 
      </div>                      
     <form role="form" id="TimeForm" action="<?php echo base_url().'admin/addTimeline'; ?>" method= "POST"> 
      <div class="modal-body"> 
      <div class="form-group"> 
       <label>Select Bank *</label> 
       <select name="fiid" id="fiid" class="form-control" onChange="fnLoadBank(this)" required=TRUE> 
        <option disabled selected>SELECT BANK</option> 
       </select> 
      </div> 
      // some other item 
      </div> <!-- end modal-body --> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 
       <button type="submit" value="submit" form="TimeForm" class="btn btn-primary"> Add Timeline</button> 
      </div> <!-- end modal-footer --> 
     </form> 

Здесь идет мой Javascript

<script type="text/javascript"> 
     function fnLoadBank(me) { 
     $('.fiid').empty(); 
     $('.fiid').html('<option disabled selected>SELECT BANK</option>'); 
     $.ajax({ 
      type:'POST', 
      url: '<?php echo base_url() ?>/admin/getBank()', 
      dataType: 'json', 
      success: function(dataBank) { 
       var str = ''; 
       if (dataBank) { 
        $.each(dataBank, function(key, row) { 
        str += '<option value="' + row.bankID + '">' + row.bankName + '</option>'; 
       }); 
      $('.fiid').append(str); 
      } 
     } 
     }); 
     }     
</script> 

Вот идет мой админ/контроллер getBank

public function getBank() 
{ 
    $dataBank = $this->model_bank->bank_getAll(); 
    return $dataBank; 
} 

Вот мой контроллер для загрузки view_timeline.php

public function index() 
{ 
    $data['dataBank'] = $this->model_bank->bank_getAll(); 
    $this->load->view(pages/view_timeline,$data); 
} 

Пример моего выхода

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
+ BANK ID + BANK NAME + DATE/TIME + TRANSACTION DETAILS  + 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
+ 0001 + BANK A + 1111/101210 + Transaction 1   + 
+--------------------------------------------------------------+ 
+ 0002 + BANK B + 1111/103050 + Transaction 2   + 
+--------------------------------------------------------------+ 
+ 0001 + BANK A + 1111/110105 + Transaction 3   + 
+--------------------------------------------------------------+ 

              +ADD MORE TRANSACTION+ 

Поэтому, когда нажмите на ADD MORE TRANSACTION, нужно выбрать банк (из списка доступных банка), заполнить детали и сохранить (которые добавляют к моему таблица без обновления моей страницы). Таким образом, Im использует модальный для всплывания формы.

Answer 1

попробовать, как этот

<script type="text/javascript"> 
$(document).ready(function(e) 
{ 
    fnLoadBank(); 
}); 
    function fnLoadBank() 
    { 
    $.ajax({ 
     type:'POST', 
     url: '<?php echo base_url("admin/getBank");?>', 
     success: function(dataBank) 
     { 
      $('#fiid').html(dataBank); 
     } 
    } 
    }); 
}     
</script> 

<?php 
public function getBank() 
{ 
    $dataBank = $this->model_bank->bank_getAll(); 

    $option .= '<option value="" disabled selected >SELECT BANK</option>'; 
    foreach ($dataBank as $value) { 

     $option .= "<option value=".$value['bankID'].">".$value['bankName']."</option>"; 
    } 
    echo $option; 

} 
?> 

и попытаться связать эту опцию для вашего выбора банка ид

$('#fiid').html(dataBank);