Question

<div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5" id="old_customer" style="display: block;>
    <label for="customersID" class="control-label">Customer </label>
    <select name="customersID"  id="customersID" onchange="getCustomersDue()"  >
        <option value="">Select Customer </option>
        <?php
        foreach($customers as $p)
        {
            $selected = ($p['customersID'] == $this->input->post('customersID')) ? ' selected="selected"' : "";

            echo '<option value="'.$p['customersID'].'" '.$selected.'>'.$p['name']."-".$p['mobile'].'</option>';
        }
        ?>
    </select>

 $("#customersID").select2();

我要从数据库中获取所有客户，然后使用select2搜索并选择项目。但是，当我选择某项内容时，整个div都会隐藏起来，并且我无法重新选择任何内容。但是该值保留在页面中。任何解决方案都会有所帮助。谢谢。

Answer 1

您需要在下面的代码中使用onchange。删除此代码onchange="getCustomersDue()"

$('#customersID').on('select2:select', function(e) {
    console.log('Selecting: ' , e.params.args.data);
});

阅读

https://select2.org/programmatic-control/events

使用select2时，选择框自动隐藏

1 个答案: