javascript - 如何将下拉菜单更改为表格格式？

我已经通过ajax从数据库中以下拉格式获取数据。

现在我想将下拉列表更改为表格。我是ajax的初学者...我已经尽了很多努力，但是将其转换为表对我来说是最困难的任务。

下面是我的完整代码。

<script type="text/javascript">
function select_std(){
  var ali=$('#class_std').val();
  $('#std_name').html('');
  $.ajax({
    url:"<?php echo base_url().'admin/test/'?>"+ali,
    type:"GET",
    success:function(res){
      $('#std_name').append(res);
    }
  });
}

</script>

这是我的控制器

public function test($id=''){
  $table='students';
  $columns=array('*');
  $where=array('c_id'=>$id);
  $data['rcd']= $this->Crud->get_records($table, $columns, $where)->result();

  foreach ($data['rcd'] as $value) {
    $output = "<option value='".$value->std_id."'>".$value->Name."</option>";
    echo $output;
  }
}

<div class="col-sm-2">
  <select id="class_std" name="c_id" class="form-control selectboxit" onchange="select_std()">

    <?php
    $classes = $this->db->get('classes')->result_array();
    foreach($classes as $row):
    ?>
    <option value="<?php echo $row['c_id'];?>">
      <?php echo $row['C_NAME'];?>
    </option>
    <?php
    endforeach;
    ?>
  </select>
</div>

这里我的数据库正在显示

<div class="col-md-6">
  <select id="std_name" class="form-control">

  </select>
</div>

最佳答案

我同意上述投诉，但尽管存在所有问题，但请看这是否使您感到困惑：

/* JS */
function select_std(){
  var ali=$('#class_std').val();
  $.ajax({
    url:"<?php echo base_url().'admin/test/'?>"+ali,
    type:"GET",
    success:function(res){
      $('#myTable tbody').append(res);
    }
  });
}

<?php
/* YOUR CONTROLLER - replace your old one with this one */
public function test($id=''){
  $table='students';
  $columns=array('*');
  $where=array('c_id'=>$id);
  $data['rcd']= $this->Crud->get_records($table, $columns, $where)->result();

  foreach ($data['rcd'] as $value) {
    $output = "<tr><td>".$value->std_id."</td><td>".$value->Name."</td></tr>";
    echo $output;
  }
}
?>
<div class="col-sm-2">
  <select id="class_std" name="c_id" class="form-control selectboxit" onchange="select_std()">

    <?php
    $classes = $this->db->get('classes')->result_array();
    foreach($classes as $row):
    ?>
    <option value="<?php echo $row['c_id'];?>">
      <?php echo $row['C_NAME'];?>
    </option>
    <?php
    endforeach;
    ?>
  </select>
</div>
<div class="col-md-6">
      <table id="myTable">
          <thead>
              <th>Student ID</th>
              <th>Name</th>
          </thead>
          <tbody>

          </tbody>
      </table>
</div>

关于javascript - 如何将下拉菜单更改为表格格式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45685822/