Codeigniter选择框单击获取产品详细信息

时间:2017-07-31 18:30:39

标签: ajax codeigniter dropdown

使用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);
}

请帮助我使用product_id传递Ajax。 提前致谢

1 个答案:

答案 0 :(得分: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);

            });

}