Select2在document.ready函数中不工作

Question

你好我是新来的select2。im在选择bcz时面临一个问题，它在document.ready函数中不能工作。但是在document.ready函数之外工作得很好。

<td>
  <select class="form-control select_group product" data-row-id="row_1" id="name_1" name="name[]" style="width:100%;" onchange="getProductData(1)">
     <option value=""></option>
       <?php foreach ($products as $k => $v): ?>
     <option value="<?php echo $v['id'] ?>"><?php echo $v['name'] ?></option>
       <?php endforeach ?>
  </select>
</td>

Javascript

<script type="text/javascript">
$(document).ready(function() {
$(".select_group").select2();
});
</script>

Answer 1

​

$(document).ready(function() {
  $(".select_group").select2();
});

.select2-container {
  width: 300px!important;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<select class="form-control select_group product">
  <option value="one">Option One</option>
  <option value="two">Option Two</option>
  <option value="three">Option Three</option>
</select>

​

当我们没有太多的信息时，很难进行调试。你能请你犯什么错误吗？我这边很好用。