Javascript 使用AJAX根据Codeigniter中的下拉值获取数据库值
我想使用ajax根据下拉值从数据库中检索值。 这里我附上截图,这正是我需要的。一旦我们改变了年份,结果就应该改变 所以请帮我完成这个任务。提前感谢:Javascript 使用AJAX根据Codeigniter中的下拉值获取数据库值,javascript,ajax,database,codeigniter,drop-down-menu,Javascript,Ajax,Database,Codeigniter,Drop Down Menu,我想使用ajax根据下拉值从数据库中检索值。 这里我附上截图,这正是我需要的。一旦我们改变了年份,结果就应该改变 所以请帮我完成这个任务。提前感谢: 有两种方法可以做到这一点: 在下拉更改中,您可以重新加载整个页面,并在页面的url中追加年份,并根据url追加的年份值显示结果。 您可以使用ajax“年度变更”下拉列表,并在div中加载特定内容。 ajax方法: var dropdownSelection = $('#dropdown_id').val(); $.ajax({ url
有两种方法可以做到这一点: 在下拉更改中,您可以重新加载整个页面,并在页面的url中追加年份,并根据url追加的年份值显示结果。 您可以使用ajax“年度变更”下拉列表,并在div中加载特定内容。 ajax方法:
var dropdownSelection = $('#dropdown_id').val();
$.ajax({
url : 'proccess.php',
method : 'get',
data :
{
selection : dropdownSelection,
},
success : function(response)
{
$('#div_result').html(response);
}
});
这段代码可能会对您有所帮助。它从一个下拉列表中获取值,并根据发送到数据库的id更新另一个下拉列表中的值
function updateMonths()
{
var selectedYear = $('#year').val();
if(selectedYear!= "")
{
$.ajax({
type: "POST",
data: { "year":selectedYear },
url: "<?php echo base_url(); ?>admin/ajax/getAllMonths",
dataType: 'json',
success: function(data){
$.each(data, function(i, data){
$('#month').append($('<option>', {
value: i,
text: data
}));
});
}
});
}
}
我不想更新“月份”下拉列表中的值。我只想在选择任何一年时将值传递给我的控制器。谢谢。这个解决方案在某种程度上帮助了我找到了解决方案。兄弟,这对我帮助很大,我想提高投票率,但StackOverflow不允许我这么做我没有什么名声。
function updateMonths()
{
var selectedYear = $('#year').val();
if(selectedYear!= "")
{
$.ajax({
type: "POST",
data: { "year":selectedYear },
url: "<?php echo base_url(); ?>admin/ajax/getAllMonths",
dataType: 'json',
success: function(data){
$.each(data, function(i, data){
$('#month').append($('<option>', {
value: i,
text: data
}));
});
}
});
}
}