2016-06-28 31 views
0

カスケード依存の選択ボックスを試し、AjaxでCodeigniterに入力します。最初のステップはかなりうまくいく。証券は、口座を選択する際に簡単に積み込むことができます。問題は第2ステップから始まります。したがって、適切な変更可能な入力を設定するためにセキュリティ選択を試してみると、Security-selectはブロックされ、何も機能しません。問題が何であるか理解していない。 私を助けてください、厄介な閉塞は解消してください。ありがとう。依存ドロップダウンと入力が入力されない(Codeigniter、Ajax、jQuery)

のAjax

$(document).ready(function(){ 
    var _form = $("#trans_form").serializeArray(); 
    $('#amount_section').hide(); 
    $('#quantity_section').hide(); 
    $('#accountDrop').on('change',function(){ 
    $("#securityDrop > option").remove(); 
    var accountID = $(this).val(); 
    if(accountID == '#') {return false;} 
    $.ajax({ 
     data: _form, 
     type: "POST", 
     url: global_base_url + "custody/get_securities_dropdown/" + accountID, 
     success: function(securities) { 
      $.each(securities,function(id,value) { 
       var opt = $('<option />'); 
       opt.val(id); 
       opt.text(value); 
       $('#securityDrop').append(opt); 
      }); 
     } 
    }); 
}); 

$('#securityDrop').on('change',function(){ 
    $('#amount_section').hide(); 
    $('#quantity_section').hide(); 
    var securityID = $(this).val(); 
    if(securityID == '#') {return false;} 
    $.ajax({ 
     data: _form, 
     type: "POST", 
     url: global_base_url + "custody/get_security_unit_ajax/" + securityID, 
     success: function(securUnit) { 
     if (securUnit == "UNIT") { 
      $('#quantity_section').show(300); 
     }; 
     else if (securUnit == "FAMT") { 
      $('#amount_section').show(300); 
     }; 
     } 
    }); 
}); 

})。

コントローラー

public function get_securities_dropdown($account_id){ 
     $securities = $this->custody_model->get_security_by_account($account_id); 
     header('Content-Type: application/x-json; charset=utf-8'); 
     echo json_encode($securities); 
    } 

public function get_security_unit_ajax($security_id){ 
    $securUnit = $this->custody_model->get_security_unit($security_id); 
    header('Content-Type: application/x-json; charset=utf-8'); 
    echo json_encode($securUnit); 
} 

モデル

public function get_accounts_dropdown(){ 
     $accounts = $this->db->select("ID as id, Account_Desc as descr") 
          ->order_by("descr", "ASC") 
          ->get($this->table2)->result(); 
     $accounts_arr; 
     $accounts_arr['#'] = '-- Please select Account --'; 
     foreach ($accounts as $account) { 
      $accounts_arr[$account->id] = $account->descr; 
     } 
     return $accounts_arr; 
    } 

    public function get_security_by_account($account_id){ 
     if(!is_null($account_id)){ 
      $securities = $this->db->where("a.ID_Account", $account_id) 
         ->select("b.ID as id, b.Security_Desc as descr") 
         ->join($this->table5 . " as b", "b.ID = a.ID_Security") 
         ->order_by("descr", "ASC") 
         ->get($this->table6 . " as a"); 
      if($securities->num_rows() > 0){ 
       $securities_arr; 
       foreach ($securities->result() as $security) { 
        $securities_arr[$security->id] = $security->descr; 
       } 
       return $securities_arr; 
      } 
     } 
     return; 
    } 

ビュー

<?php echo form_open_multipart(site_url("custody/add_transaction_pro"), array("id" => "trans_form")) ?> 
    <div> 
     <label for="accountDrop">Account</label> 
     <div> 
      <?php echo form_dropdown('accountDrop', $account_arr, '#', 'id="accountDrop"'); ?> 
     </div> 
    </div> 
    <div id="security_section"> 
     <label for="security_select">Security</label> 
     <div> 
<select name="securityDrop" class="required" id="securityDrop"> 
       <option value="#">-- Please select Security --</option> 
      </select> 
     </div> 
    </div> 
<div id="quantity_section"> 
     <label for="quantity">Quantity</label> 
     <div id="quantityInput"> 
      <input type="text" id="quantity" name="quantity"> 
     </div> 
    </div> 
    <div id="amount_section"> 
     <label for="settl_amount">Amount</label> 
     <div id="amountInput"> 
      <input type="text" id="settl_amount" name="settl_amount"> 
     </div> 
    </div> 
+0

私はそれを解決しました。エラーは非常にシンプルで、ajax部分の不要なセミコロンです。構文は 'if(){} else if {}'です。 – Arkona

答えて

0

私はそれを解決しました。エラーは非常にシンプルで、ajax部分の不要なセミコロンです。構文はif() { } else if{ }

関連する問題