使用ajax值设置引导程序选择的选项 [英] Set bootstrap selected option with ajax value

问题描述

我尝试使用ajax在bootstrap select选项上显示数据，但是运行数据后，我不想显示出什么问题了?

I try to display data on the bootstrap select option with ajax, but after I run the data do not want to appear what is wrong?

function get_value() {
    $id = 5;
    $q = $this->db->select('*')
                      ->from('tbl_v')
                      ->where('id', $id)
                      ->order_by('id', 'ASC')
                      ->get();

    $result = $q->result();
    echo json_encode($result );


}   

$(".change").change(function(){
    var value=$(this).val();
    if(value>0){
        $.ajax({
            url: base_url+"get_value",  
            type:"POST",
            dataType: 'json',
            cache: false,               
            data:{id:value},
            success: function(respond){
                $(".get-change").html(respond).selectpicker('refresh');
            }
        })
    }
});

推荐答案

jQuery代码

$(".change").change(function(){
var value=$(this).val();
if(value>0){
    $.ajax({
        url: base_url+"get_value",  
        type:"POST",
        cache: false,               
        data:{id:value},
        success: function(respond){
            $(".get-change").html(respond);
        }
    })
}
});

模式代码:

function get_records() {
    $id = 5;
    $q = $this->db->select('*')
                      ->from('tbl_v')
                      ->where('id', $id)
                      ->order_by('id', 'ASC')
                      ->get();

    $result = $q->result();
}   

控制器代码:

function get_value(){
   $ido = $this->input->post('id');
   $data = $this->your-model-name->get_records($ido);
   $option = "";
   foreach($data as $row){
      $option .= "<option value='".$value['ID']."'>".$row[0]->name."</option>";
   }
   echo $option;
}

您不必使用JSON编码.记录将直接附加到选择框.希望这可以帮到你.

You need not have to use JSON encoding. Records will be directly appended to the select box. Hope this can help you.

这篇关于使用ajax值设置引导程序选择的选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！