如何在';onchange';使用Ajax和Codeigniter的事件
我正在WAMP上使用CodeIgniter v3.1.3。在我的一个视图(our_districts.php)中,我有一个包含地区名称的下拉列表:如何在';onchange';使用Ajax和Codeigniter的事件,ajax,codeigniter-3,Ajax,Codeigniter 3,我正在WAMP上使用CodeIgniter v3.1.3。在我的一个视图(our_districts.php)中,我有一个包含地区名称的下拉列表: <select class="form-control" id="ddlDist" name="ddlDist" onchange="popDistrictData();"> <option value="0">--Select--</option> <option value="3">
<select class="form-control" id="ddlDist" name="ddlDist" onchange="popDistrictData();">
<option value="0">--Select--</option>
<option value="3">District A</option>
<option value="4">District B</option>
<option value="5">District C</option>
<option value="6">District D</option>
</select>
<div id="districtData"></div>
<script type="text/javascript">
function popDistrictData(){
var dist_id = document.getElementById("ddlDist").value;
$.ajax({
type: "POST",
url: "<?=site_url()?>section/ajax_call_pop_district_data/"+dist_id,
dataType: "html",
success: function(html){
$("#districtData").html(html);
}
});
}
</script>
正如您所看到的,上面的dropdownlist由“District\u model”的“pop\u districts\u in\u combobox()”
方法填充。在其“onchange”
事件中,
如上图所示,我想使用Ajax用id=districtData填充div。我的问题是如何填充div(id=districtData)
。请提供一些代码帮助。提前感谢。您正在进行Ajax调用,因此Ajax应该返回将处理jQuery$.Ajax函数的代码
在jQuery成功函数代码中,您正在执行一个简单的$(“#districtData”).html(html)代码>
因此,在控制器函数ajax\u call\u pop\u district\u data中,您应该执行一个简单的echo$dist\u data
,它应该包含由模型函数pop\u district\u data
生成的html代码 天哪!。就这么简单,谢谢你
class Section extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->output->set_header('Content-Type:text/html; charset=UTF-8');
$this->load->helper("url");
$this->load->model("District_model");
}
public function view()
{
$data['section_name']='Districts';
$this->load->view('templates/site_header',$data);
$data["district_data"] = $this->District_model->pop_districts_in_combobox();
$this->load->view('our_districts',$data);
$this->load->view('templates/site_footer',$data);
}
public function ajax_call_pop_district_data()
{
if ($this->input->post('distId') !="") {
$did = $_POST['distId'];
$dist_data = $this->District_model->pop_district_data($did);
//what should i write here???.........
}
}
}