使用 AJAX 根据 Codeigniter 中的下拉值获取数据库值答案

【问题标题】：Get database value based on dropdown value in Codeigniter using AJAX使用 AJAX 根据 Codeigniter 中的下拉值获取数据库值
【发布时间】：2016-08-09 07:31:54
【问题描述】：

我想使用 ajax 根据下拉值从数据库中检索值。
在这里，我附上了我所需要的截图。一旦我们改变了年份，结果就应该改变。

所以请帮我完成这项任务。提前致谢：）

【问题讨论】：

标签： javascript ajax database codeigniter drop-down-menu

【解决方案1】：

<script type="text/javascript">
jQuery(document).ready(function(){
  $("#district").change(function() {
    var vdcID = {"district_id" : $('#district').val()};
      $.ajax({
      type: "POST",
      data: vdcID,
      url: "<?php echo base_url(); ?>admin/ajax/showVdcById",
      dataType: 'json',
    success: function(data){
      $('#vdc').html("<option>Please Select VDC</option>  ");
        $.each(data, function(i, data){
             $('#vdc').append("<option value='"+i+"'>"+data+"</option>");
        });
       }
     });
   });
 });

此代码可能会对您有所帮助。它从下拉列表中获取值，并根据它发送到数据库的 id 更新另一个下拉列表中的值

【讨论】：

谢谢。这个解决方案帮助我找到了一些解决方案。
兄弟，这对我帮助很大，我想投票，但 StackOverflow 不允许我这样做。 :( 我没有什么名声。

【解决方案2】：

添加 onchange 事件 updateMonths() 到年份选择标签

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

【讨论】：

我不想更新月份下拉列表中的值。当我们选择任何一年时，我只想将值传递给我的控制器。

【解决方案3】：

有两种方法：

在下拉更改中，您可以重新加载整个页面，并在页面的 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);
    }
});

【讨论】：