嗨,我是 select2 的新手。我在 select bcz 中遇到了一个问题,它在 document.ready 函数中不起作用。但在 document.ready 功能之外运行良好。
HTML
<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>
答案 0 :(得分:0)
$(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>
当我们没有太多信息时很难调试。你能请你得到什么错误吗?我这边工作正常。