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);

            });

}