Автозаполнение 2 формы ввода из 1 автозаполнения ввода, чтобы найти код и цену от материала - PullRequest
0 голосов
/ 13 января 2019

У меня есть автозаполнение ввода, которое автоматически заполнит другой 2 входа, в этом случае я использую JSON, моя проблема, когда я печатаю 2 символы во вводе имени плода, он выведет все данные в база данных, тогда как она должна показывать данные только в соответствии Я ввожу, но если я использую 'var json', который находится в строке 13, это вызовет данные, как я ожидал, и когда я использую источник в строке 16, он будет вернуть все данные, которые у меня есть, если в моем коде есть ошибка? я Я очень благодарен, если вы можете мне помочь

<head>
  <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>
<div>
  <input type="text" id="secondInput" name="code" value="" placeholder="Code" readonly>
  <input type="text" id="field" name="fruit" value="" placeholder="Fruit name(input here)">
  <input type="text" id="thirdInput" name="price" value="" placeholder="Price" readonly="" onkeypress="return isNumber(event)" maxlength="12">
</div>
<script type="text/javascript">
    $(function() {
        //var json = [{"code": "1","label": "Apple","price": "10000"},{"code": "17","label": "Banana","price": "20000"}];
        $("#field").autocomplete({
            //source: json,
      source: "<?= site_url('home/take_json_fruit'); ?>",
      data: { fruit: $("#field").val()},
      minLength: 2,
      dataType: "json",
      select: function(event, ui) {
       $("#secondInput").val(ui.item.code);
       $("#thirdInput").val(ui.item.price);
     },

     change: function (event, ui) {
       if (ui.item === null) {
        $(this).val('');
        $('#field_id').val('');
      }
    }
  });
        $("#field").focusout(function() {
            if ($("#field").val() === '') {
                $('#field_id').val('');
            }
        });
    });
</script>

это моя функция в контроллере className Home

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Home extends CI_Controller {
  public function __construct()
  {
    parent::__construct();
    $this->load->helper('url');
    $this->load->library('session');
    $this->load->model('Json_decode');
  }
  public function take_json_fruit()
  {
    $fruit = $this->input->post('fruit');
    $rows = $this->Json_decode->take_fruit_json($fruit);
    echo json_encode($rows);
  }
}

а это моя модель className Json_decode

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Json_decode extends CI_Model {
  public function take_fruit_json($fruit)
  {
    $this->db->select('code_fruit as code, fruit as label, price_fruit as price');
    $this->db->like('fruit', $fruit);
    $query = $this->db->get('fruits');
    return $query->result();
  }
}

Ответы [ 2 ]

0 голосов
/ 24 апреля 2019

Это было решено, я сделал helper_codeigniter для извлечения данных из таблицу и сделать ее переменной в JavaScript, надеюсь, может помочь всем

0 голосов
/ 14 января 2019

Аналог в классе построителя запросов codeigniter помещает% как до, так и после термина. Вот почему вы получаете (по-видимому) много дополнительных результатов. Попробуйте третий необязательный параметр для like:

$this->db->like('fruit', $fruit, 'after');

на основе документации CI для класса построителя запросов

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...