Javascript 使用jquery、ajax和codeigniter的链选择器动态下拉框
我正在尝试创建一个具有3个不同选择框的表单。第一个选择框值通过数据库直接填充,第二个和第三个选择框使用ajax填充;基于以前选择的值。这是我的视图表单代码 我的第二个下拉列表中的下拉式批处理工作正常,但第三个下拉列表中的下拉列表不工作。我的第三个下拉列表中有什么问题。这是我对控制器的ajax请求。下面是我的表单视图代码Javascript 使用jquery、ajax和codeigniter的链选择器动态下拉框,javascript,php,jquery,codeigniter,Javascript,Php,Jquery,Codeigniter,我正在尝试创建一个具有3个不同选择框的表单。第一个选择框值通过数据库直接填充,第二个和第三个选择框使用ajax填充;基于以前选择的值。这是我的视图表单代码 我的第二个下拉列表中的下拉式批处理工作正常,但第三个下拉列表中的下拉列表不工作。我的第三个下拉列表中有什么问题。这是我对控制器的ajax请求。下面是我的表单视图代码 函数获取程序批(程序id){ $.ajax({ url:'index.php?admin/get_program_batchs/'+program_id, 成功:功能(响应)
函数获取程序批(程序id){
$.ajax({
url:'index.php?admin/get_program_batchs/'+program_id,
成功:功能(响应)
{
jQuery('#批处理结果持有者').html(响应);
}
});
}
函数get\u batchs\u节(批处理结果保持器){
$.ajax({
url:'index.php?admin/get_batch_sections/'+batch_result_holder,
成功:功能(响应)
{
jQuery('#section_result_holder').html(响应);
}
});
}
假设您的查询工作正常,那么第二个
jQuery
方法
jQuery('#section_result_holder').html(response);
而您在html中的第三次选择中
<select name="section_id" id="section_selection_holder" data-plugin="select2" >
此处的
ID
#section_result_holder和section_selection_holder
不匹配。这可能就是原因。假设您的查询工作正常,那么您的第二个jQuery
方法
jQuery('#section_result_holder').html(response);
而您在html中的第三次选择中
<select name="section_id" id="section_selection_holder" data-plugin="select2" >
此处的
ID
#section_result_holder和section_selection_holder
不匹配。这可能就是原因。您在第三个下拉列表中调用了ajax函数。检查我认为“get#u batchs_sections”函数负责执行此操作,据我所知#section_result_holder将保留该节的值,因为前一个正在工作。如果我有任何错误,请通过代码说明。感谢您的帮助:)@Vigneswaranyou dint在第三个下拉列表中调用了ajax函数。检查我认为“get#u batchs_sections”函数负责执行此操作,据我所知#section_result_holder将保留该节的值,因为前一个正在工作。如果我有任何错误,请通过代码说明。谢谢你的帮助:)@Vigneswaran