代码签名中的AJAX填充下拉列表

Question

所以我在使用AJAX填充下拉选项时遇到问题。

这是我的JavaScript代码

<script type="text/javascript">
    $(document).ready(function(){
        $("#sepatu").click(function(e){
            e.preventDefault();
            var site_url = "<?php echo base_url()?>index.php/pelanggan/dyos_sepatu/";
            $("#content").load(site_url);
        })
    })
</script>

该脚本正在重定向此控制器

public function dyos_sepatu(){
        $data['jenis'] = $this->db->query("SELECT * FROM jenis_sepatu")->result();
        $this->load->view('pelanggan/sepatu_dyos',true,$data);
    }

这是我的视图（pelanggan / sepatu_dyos）由控制器加载：

<select name="jenis" class="form-control">
            <?php
                foreach ($jenis as $data){?>
                <option value="<?php echo $data->id_jenis_sepatu;?>"><?php echo $data->nama_jenis;?></option>
            <?php
                }
            ?>
        </select>

下拉值不会显示如下：

我的问题是什么？

Answer 1

尝试这样一次......

脚本：

<script type="text/javascript">
    $(document).ready(function(){
        $("#sepatu").click(function(e){
            e.preventDefault();
            var site_url = "<?php echo base_url('index.php/pelanggan/dyos_sepatu/');?>";
            $("#content").load(site_url);
        })
    })
</script>

控制器：

public function dyos_sepatu(){
        $jenis = $this->db->get('jenis_sepatu')->result();
        $this->load->view('pelanggan/sepatu_dyos',$jenis);
    }