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”,则输入字段将变为“数字系统”。
如果要从数据库获取数据,则需要在选择框的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; }
希望对您有帮助。