Question

所以我在我的一个视图中有一个自动完成功能，这是有效的，现在我想添加一个功能，用户搜索某些关键词中的产品写入找到并选择它，当选择产品的名称时想要动态填写该产品的价格，信息在数据库中，我该如何实现？

我的JQuery for autocomplete

$(function(){
    var controller_path = document.getElementById("get_controller_path").value;
    $("#product").autocomplete({
        source: controller_path
    });
});

我的观点在选择自动填充建议时我想要动态显示价格：

<td><input type="text" id="product" name="prodname"></td>
<input type="hidden" id="get_controller_path" value="<?echo base_url().'admin_site_offers_ctrl/get_product';?>">
<td><input style="width: 60px" type="text" name="price" id="price"></td>

自动完成控制器

  public function get_product(){
    $this->load->model('offers_for_clients_model');
    if (isset($_GET['term'])){
        $q = strtolower($_GET['term']);
        $this->offers_for_clients_model->get_product($q);
    }
}

该自动填充功能的模型：

function get_product($q){
    $this->db->select('*');
    $this->db->like('nosauk_lv', $q);
    $query = $this->db->get('produkti');
    if($query->num_rows > 0){
        foreach ($query->result_array() as $row){
            $row_set[] = htmlspecialchars_decode(stripslashes($row['nosauk_lv'])); //build an array
        }
        echo json_encode($row_set); //format the array into json data
    }
}

我该如何处理？任何指向正确方向的指针都会令人惊叹！谢谢！ P.S自动完成无需担心。

Answer 1

您可以尝试这样

    $("#product").autocomplete({
            source: function( request, response ) {
                    $.ajax({
                        url: customurl,
                        data: {term: request.term},
                        dataType: "json",
                        success: function( data ) {
                            response( $.map( data, function( item ) {
                               // you can set the label value
                          return {
                                label: item.value,
                                value: item.value,
                            }
                           }
                        }));
                     }
                 });
           },
        select: function( event, ui ) 
            {
        // Here again you can call ajax function to get the product price
        var prodname=$('#prodname').val(ui.prodid);
        getproductprice(prodname);
            },
         change: function( event, ui )
          {
            var prodname=$('#prodname').val(ui.prodid);
            getproductprice(prodname);
          }
        });

请确保您的模型在$row_set[]中获取产品ID。

在html声明如下

<input type="hidden" name="prodname" id="prodname"> // Here you will get product name id after select the productname

在getproductprice函数中，您可以调用ajax函数来获取价格

function getproductprice(prodname)
{
    if(prodname>0)
    {
        $.ajax({
           url:customurl,
           data: "prodid="+prodname,
           dataType: "json",
           success: function( data ) {
             $('#price').val(data['price']); // whatever your varaible
           }

         });

     }
}

我认为这有助于解决您的问题。感谢

Answer 2

对不起迟到的回复，这对我来说最终做到了这一点：

 $(function(){
    var controller_path = document.getElementById("get_controller_path").value;
    $("#product").autocomplete({
        source: controller_path, // ceļš uz kontrolieri kur atrodas metode, admin_site_offers_ctrl
        select: function(a,b){
            $(this).val(b.item.value); //grabed the selected value
            getProductsOtherInfo(b.item.value);//passed that selected value
        }
    });
});

其他功能根据所选的值名称向数据库发出请求并将它们加载到我需要的相应字段中，如下所示：

function getProductsOtherInfo(name){
var site_url = document.getElementById('get_products_other_info').value;
/*alert(site_url);*/
        $.post(site_url, {
            name : name,
            site_url : site_url
        },

        function(rawdata){
            var myObject = JSON.parse(rawdata);
            $('#cena_pirms_atl').val(myObject[0].cena_ls);
            $('#iepcena').html(myObject[0].ped_ien_ls);
            $('#nom_id').val(myObject[0].ID);
            getPZtotals();
        });
    }

控制器：

function get_products_other_info(){
    $this->load->model('offers_for_clients_model');
    $name = trim($_POST['name']);

    $data['products_other_info'] = $this->offers_for_clients_model->get_products_other_info($name);
    echo json_encode($data['products_other_info']);
}

模特：

function get_products_other_info($name){
    $decode_name = htmlspecialchars(stripslashes($name));
    $query = $this->db->where('nosauk_lv', $decode_name)->get('produkti')->result();
    return $query;
}

查看：

  <input type="hidden" name="nom_id" id="nom_id">
  <td><input style="width: 60px" type="text" name="cena_pirms_atl"  id="cena_pirms_atl"></td>
  <td id="iepirkcens"><span id="iepcena"></span></td>

从自动填充建议中选择值后，根据所选值填写其余字段

2 个答案: