在这里,我附加了包含组合框的表格行.我应该如何将数据库值放入该组合框中



iget 数据库值到我的 jquery 生成的组合框

<script>
 $('#button').on('click', function(){
$(document).ready(function () {
$('#button').on('click', function(){
        $('.tablesaw').find('tbody').append($('<tr><td><select id="heard" class="form-control" name = "fieldname"><option value="0">-- Choose --</option><option value = "Amount">Amount</option></select></td><td><input type  = "text" name = "condition" class="form-control col-md-7 col-xs-12"></td><td><select id="heard" class="form-control"><option>--Choose--</option></select></td><td><a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a><a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a></td></tr>'));
        $('.e1').select2();
        $('.e2').select2().on('change', function () {
        $(this).next()
            .find('.select2-selection')
            .css({ backgroundColor: this.value });
        }).trigger('change');
    });
});

将数据从控制器传递到视图,并在javascript生成的组合框中显示php值

例如:

控制器

class Test extends CI_Controller {
    public function index()
    {
        $this->db->where('columnname', 'value');
        $query = $this->db->get('tablename');
        $comboboxHtml = '<select id="heard" class="form-control" name = "fieldname"><option value="0">-- Choose --</option>';
        foreach ($query->result() as $row) {
           $comboboxHtml .= '<option value = "' . $row->optionValue . '">' . $row->optionName . '</option>';
        }
        $comboboxHtml .= '</select>';
        $data = array("view" => "test/index",
                      "comboboxHtml" => $comboboxHtml,
                      "page_title" => "Test");
        $this->load->view('templates/default', $data);
    }
}

然后将数据添加到Javascript生成的组合框中,例如

<script>
 $('#button').on('click', function(){
$(document).ready(function () {
$('#button').on('click', function(){
        $('.tablesaw').find('tbody').append($('<tr><td><?php echo $comboboxHtml; ?></td><td><input type  = "text" name = "condition" class="form-control col-md-7 col-xs-12"></td><td><select id="heard" class="form-control"><option>--Choose--</option></select></td><td><a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a><a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a></td></tr>'));
        $('.e1').select2();
        $('.e2').select2().on('change', function () {
        $(this).next()
            .find('.select2-selection')
            .css({ backgroundColor: this.value });
        }).trigger('change');
    });
});
</script>

最新更新