میتونید از select2 استفاده کنید سرعت قابل قبولی داره.
اما مسئله اینکه آیا لود کردن 30000 تا رکورد و دریافت اون ها از دیتابیس و پر کردن Dropdown با اینهمه رکورد کار درستیه و حتما نیاز هست که برنامتون به این شکل باشه ؟
بیشتر مشکل سرعت برای همچین چیزی برای پر کردن اطلاعات در ابتدا هست ; با یه تست ساده میتونید مطمئن بشید :
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script>
</head>
<body>
<select id="select"></select>
<script>
for (var i = 0; i <= 30000; i++) {
$('#select').append($('<option>', {
text: 'Option ' + i
}));
}
$(function () {
$("#select").select2();
});
</script>
</body>
</html>
بنظرم راه های بهتری رو میتونید امتحان کنید مثل اینکه Dropdown رو در ابتدا مثلا با 50 رکورد پر کنید و با سرچ کردن کاربر ( keydown ) ، به سمت سرور بصورت ajax ای request بزنید و نتیجش رو دریافت کنید و Dropdown رو باهاش پر کنید.
پاسخ با نقل قول