Question

chapter_number | chapter_title |
       1       | Introduction  |
       2       | Number System |


<select type="text" name="chapter_number" class="form-control form-control-line" value="">
    <option selected="option" disabled="selected">Select</option>   
    <option value="1">1</option>
    <option value="2">2</option>
</select

<input type="text" name="chapter_title" id="title" class="form-control"/>

以上是我的表格，下一个是我的代码，选择选项和输入字段。我希望当我自动选择“ 1”时，输入字段将打印章节标题“简介”，如果我选择“ 2”，则输入字段将变为“数字系统”。

Answer 1

如果要从数据库获取数据，则需要在选择框的onchange事件上调用ajax。

添加“ setinput”类以选择框

<select type="text" name="chapter_number" class="form-control form-control-line setinput" value="">

在脚本下方添加

$('body').on('change','.setinput',function(){
    $.ajax({
        url: 'your_base_url/controller_name/your_method',
        type:'POST',
        data:{id:$(this).val()},
        success:function(result){
            $('input[name="chapter_title"]').val(result);
        }
    })

});

控制器方法如下所示

public function your_method(){
    $id = $this->input->post('id');
    $this->db->select('*');
    $this->db->from('database_table_name');
    $this->db->where('chapter_number',$id);
    $result = $this->db->get()->row();
    echo $result->chapter_title;
}

希望对您有帮助。

使用codeigniter从下拉列表填充输入字段

1 个答案: