Codeigniter選擇框點擊獲取產品詳細信息

Question

正在使用Codeigniter創建計費系統。在這裏，我想選擇產品使用droupdown產品詳細信息顯示，而不刷新頁面，如ajax。我的代碼如下：

查看

<?php 
    foreach($productlists as $product) 
    { 
    ?> 
<tr> 
    <td>1</td> 
    <td> 
     <select class="form-control" name="product_id"> 
     <option>--Select Payment--</option> 
     <option value="<?php echo $product['sno']; ?>"><?php echo $product['product_name']; ?></option> 
     </select> 
    </td> 
    <td><input type="number" name="product_order_qty" class="form-control" value="1"></td> 
    <td>0.8</td> 
    <td>0.8</td> 
    <td><input type="number" name="product_price" class="form-control" value="100"></td> 
    <td><input type="number" name="product_total" class="form-control" value="101.60"></td> 
    <td><a class="btn btn-primary waves-effect waves-light btn-xs"><i class="fa fa-plus"></i> Add</a></td> 
</tr> 
<?php } ?> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 
//Ajax code here    
</script> 

，並通過產品ID到控制器

控制器

function productdetails() 
{ 
    $id = $_GET['product_id']; 
    $data['product'] = $this->orders->productdetails($id); 
    $data['title'] = "View Customer Order"; 
    $this->load->view('customer_order_view',$data); 
} 

請幫我用Ajax傳遞product_id。 在此先感謝

Answer 1

<select class="form-control" name="product_id" onchange="getProduct(this.value)"> 
    <option>--Select Payment--</option> 
    <option value="<?php echo $product['sno']; ?>"><?php echo $product['product_name']; ?></option> 
    </select> 

//your jquery function 

function getProduct(product_id){ 

alert(product_id); 

$.ajax({ 
       url: "your_url", 
       type: "POST", 
       data: 
       { 
        id:product_id, 
       } 
      }).done(function(data) 
      { 
       // alert(data); 

      }); 

}