Question

我有一个选择显示产品选项。当我在select标签中更改产品时，我想调用一个模型来检索与所选产品相关的材料，并在元素上显示来自mySQL的检索数据。

select标签给出了产品的代码（主键）。我该怎么做才能达到目的？

到目前为止，我所知道的是绑定选择标签并听更改事件，然后我不知道该怎么办。是否可以在脚本标签内调用php函数？如果可以的话，如何将检索到的数据放在视图中？

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

选择标签上的元素更改时如何调用模型

1 个答案: