Zeige div Element mit JQuery

Question

Zuerst entschuldige ich mich, wenn diese Frage zuvor gestellt worden war und ich entschuldige mich für mein schlechtes Englisch. Ich bekomme Probleme bei der Erstellung dieses Skripts mit CodeIgniter.

Das ist mein Controller-

function add() 
{ 
    $data = array(
     'company' => $this->m_company->get_company_profile(), 
     'title' => 'Transaksi', 
     'page_header' => 'Tambah Transaksi', 
     'userName' => 'administrator', 
     'userLevel' => 'admin', 
     'itemData'=>$this->m_stock->getItemSell(), 
     'buyerData' => $this->m_buyer->getAllData('buyers') 
     ); 
    // 
    $this->template->load('_admin-template', 'admin/transaction-add', $data); 
} 

function getBuyerData() 
{ 
    $id['buyerCode'] = $this->input->post('buyerCode'); 
    $data = array(
     'detailBuyer' => $this->m_buyer->getSelectedData('buyers', $id)->result() 
     ); 
    $this->load->view('admin/transaction/detail-buyer', $data); 
} 

Das ist mein m_buyer ist (Modell)

function getAllData($table) 
{ 
    return $this->db->get($table)->result(); 
} 

public function getSelectedData($table, $data) 
{ 
    return $this->db->get_where($table, $data); 
} 

und das ist meiner Meinung nach (transaktions add), aber nur wenige nicht alle zeigen ich hier

<div class="form-group form-group-sm"> 
    <label for="buyerCode" class="control-label">Pembeli :</label> 
    <select class="form-control" name="buyerCode" id="buyerCode" style="width:250px" data-placeholder="Pilih Pembeli"> 
     <option value=""></option> 
     <?php 
     if(isset($buyerData)){ 
     foreach($buyerData as $row){?> 
     <option value="<?php echo ($row->buyerCode);?>"><?php echo ($row->buyerCode);?> <?php echo ($row->full_name);?></option> 
     <?php 
      } 
     }?> 
    </select> 
</div> 

<div id="showBuyer"><!-- buyer data show here --!></div> 

Und das ist mein JQuery-Skript

meine andere Ansicht Detail-Käufer

<?php 
    if(isset($detailBuyer)){ 
    foreach($detailBuyer as $row){ 
     ?> 
     <div class="row"> 
      <div class="col-md-6"> 
       <div class="form-group form-group-sm"> 
        <label for="address" class="control-label">Address :</label> 
        <input type="text" name="address" class="form-control" id="address" value="<?php echo ($row->address);?>" readonly="readonly> 
       </div> 
      </div> 
      <div class="col-md-2"> 
       <div class="form-group form-group-sm"> 
        <label for="region" class="control-label">Region :</label> 
        <input type="text" name="region" class="form-control" id="region" value="<?php echo ($row->region);?>" readonly="readonly> 
       </div> 
      </div> 
      <div class="col-md-2"> 
       <div class="form-group form-group-sm"> 
        <label for="province" class="control-label">Provence :</label> 
        <input type="text" name="province" class="form-control" id="province" value="<?php echo ($row->province);?>" readonly="readonly> 
       </div> 
      </div> 
      <div class="col-md-2"> 
       <div class="form-group form-group-sm"> 
        <label for="postalCode" class="control-label">Postal Code :</label> 
        <input type="text" name="postalCode" class="form-control" id="postalCode" value="<?php echo ($row->postalCode);?>" readonly="readonly> 
       </div> 
      </div> 
     </div> 
     <?php 
     } 
     } 
    ?> 

Also, wenn ich Käufer aus Auswahlliste in der Auswahl transaktions hinzufügen, sollte die Detail-Käufer innerhalb erscheinen. Aber leider ist es nicht passiert. Habe ich etwas verpasst?

Answer 1

Ihre POST wahrscheinlich versagt, das ist, warum Sie nicht alles in der showBuyer<div> sehen .Was ich vorschlagen würde, ist Ihre Ajax-Aufruf ändern einen Fehler Rückruf haben und prüfen, ob der Fehlerblock aufgerufen wird, wenn Sie das machen AJAX-Anruf.

Verwenden Sie Strg + Shift + J in Google Chrome, um die JavaScript-Konsole zu öffnen und durch Ihr Javascript zu gehen.

$.ajax({ 
    type: "POST", 
    url : "<?php echo base_url('admin/transaction/getBuyerData');?>", 
    data: "buyerCode="+buyerCode, 
    cache:false, 
    success: function(data){ 
     $('#showBuyer').html(data); 
    }, 
    error: function(data){ 
     debugger; 
     alert('An error occurred...'); 
    } 
}); 

auch Ihre URL-Parameter sieht nicht right.Usually die Beispiele, die ich sehen PHP-Datei aufzurufen haben URLs wie - url:"admin/transaction/getBuyerData.php"

Answer 2

Klicken Sie F12 (Firefox oder Chrome) und Konsole Registerkarte finden ... wenn Sie klicken - bei geöffneter Konsole - sollten Sie entweder eine Fehlermeldung erhalten, warum dies fehlgeschlagen ist oder zusätzliche Informationen, die Ihnen helfen, auf den richtigen Weg zu kommen.

Auch um Ihren Code zu testen ... können Sie Ihren Code in der Konsole ausführen, um zu sehen, ob es funktioniert, denken Sie daran, die Datenvariable zu einer Zeichenfolge Ihrer Wahl zu ändern.