在下拉列表中加载 5000 个或以上的条目时，加载到几秒钟需要时间

Question

<div class="row invoice-info">
<div class="col-sm-4 invoice-col">
<b>To,</b>
<address>
<select name="customer_id" readonly id="customer_id" title="Select Customer" class="form-control select2" required="">
<?php echo $customer_options; ?>
</select><br>
<b>Address:</b><span id="customer_address"></span><br>
<b>Phone:</b> <span id="customer_phone"></span><br>
<b>Email:</b> <span id="customer_email"></span>
</address>
</div>
</div>

在下拉列表中加载 5000 个或以上的条目时，加载到几秒钟需要时间。我想让它快点。

Answer 1

当您搜索名称时，您可以为字母选择添加额外的选择框，然后对名称以所选字母开头的搜索结果进行 ajax 调用......

例如

<select name='alphabet_select" >
<option value="">Select</option> 
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
.....
<option value="Z">Z</option>
</select>

选择字母表后，进行 ajax 调用并检索从上面选择的字母开始的名称。

例如

SELECT * FROM table_name WHERE name_column like '[$_POST['alphabet_select']%'; 

使用此方法，可以限制结果集记录以加快加载名称下拉列表的速度。

Answer 2

在下拉列表中加载超过 5000 条记录

好的解决方案是不通过默认下拉列表或 AJAX 和任何其他方法将 5000 个选项加载到 DropDown 中。

相反

<select>
<option value="Carvolvo"> Car Volvo</option>
<option value="Samya">Samya</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

你听说过吗：https://select2.org/getting-started/basic-usage