Как вызвать модель при изменении элемента в теге select

Question

У меня есть выбор, который показывает варианты продукта.Когда я изменяю продукт в теге select, я хочу вызвать модель для получения материала, связанного с выбранным продуктом, и показать полученные данные из mySQL для элемента.

Тег select дает код (первичный ключ).) продукта.Как я могу сделать, чтобы достичь своей цели?

То, что я знаю до сих пор, это связать тег select и прослушать событие change, а затем я не знаю, что делать.Можно ли вызвать функцию php внутри тега script?и если да, то как я могу поместить полученные данные в представление?

Answer 1

Вы можете использовать AJAX

function myFunction() {
  var x = document.getElementById("mySelect").value;
  
  $.ajax({
    type: "POST",
	url: 'your url /test', //Set url to your controller 
    data: {
      productId: x,
    },
    dataType: 'json',
    async: false,
    success: function success(data) {
          //Display data
         document.getElementById("demo").innerHTML = data;
    }
  });
} // Now go make something amazing!

<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi</option>
  <option value="BMW">BMW</option>
  <option value="Mercedes">Mercedes</option>
  <option value="Volvo">Volvo</option>
</select>

<p id="demo"></p>


create a new view 

json/json_view.php

header('Content-Type: application/json');
echo json_encode($my_data); ?>


in your controller 

public function test(){

           $this-> MODEL -> FUNCTION ($this->input->post('productId'));
			$data["my_data"]  = $data['1'];
            $this->load->view('json/json_example_view', $data);
	}