javascript - AJAX 从保管箱到另一个保管箱更改值

Question

我选择了 html 标签，该值从数据库获取，数据将返回查询并将值返回到另一个保管箱。

我的标签 HTML 像这样:

我想将所选数据的值提供给此处的另一个下拉列表:

我的 JavaScript 是这样的:

网址直接到这里:

模型是这样的:

当我从 sektor10 中选择下拉列表时，如何将值更改为 id sektor 20？以及如何从 Controller 返回值并更改 sektor20 的值？

Answer 1

我所做的工作示例，用于从下拉列表中进行选择并根据所选值显示值。

在你的 Controller 中-

function functionname($id){

    $details =  $this->your_model->get_details($id);
    echo  json_encode($details);
    exit;

}

在模型中-

function get_details($id){

  $this->db->select('*');
  $this->db->from('packages'); 
  $this->db->where('package_id',$id); 
  $query = $this->db->get()->result();
  return $query;
}

Javascript-

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script  src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){

    $("#sector10").change(function() {
 var selectedMark = $("#sector10").val();
if (selectedMark != "") {
    jQuery.ajax({
       type: 'POST',
      dataType: "json",
       async:false,
        url: "<?php echo base_url() . 'loyalty/functionname/'; ?>" + selectedMark,
       success: function(data)
       {
            $("#cards").html("");
            $("#cards").append("<option value=''>Select a Card</option>");
            var index=1;

            $.each(data, function() {
                $("#cards").append("<option value='" + this.card_id + "'>" + this.card_name + "</option>");
                $("div#cards_chosen div.chosen-drop ul.chosen-results").append("<li class='active-result' data-option-array-index='"+index+"' >" + this.card_name + "</li>");
                index++;
            });
       }
    });
}
});


});
</script>