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+ 

ので、より多くのTRANSACTIONを追加するをクリックすると、私は（詳細を記入して保存し、（利用可能な銀行の一覧から）バンクを選択する必要があるときに私に追加しましたテーブルをリフレッシュせずに）。したがって、私はフォームをポップアップするためにモーダルを使用しています。

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; 

} 
?> 

のように試してみて、あなたがスクリプトが必要なのですか、なぜあなたの選択の銀行ID

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