ستروکیت

<SELECT> یکی از عناصر ‌HTML است که برای انتخاب یک یا چند آیتم از یک لیست کشویی استفاده می‌شود. هنگامی که شما لیست طولانی از یک سری آیتم‌ها دارید می‌تواند مفید باشد. متاسفانه برای کسانی که می‌خواهند یک طراحی سایت حرفه ای  یا طراحی سایت خلاقانه داشته باشند، پیش فرض <SELECT> در مرورگر وب زیاد کاربر پسند نیست و عالی به نظر نمی‌رسد.

استایل دهی با CSS هم به نظر کافی نمی‌آید. ما در این مطلب پلاگین ‌jQuery رایگان Selectric را به شما معرفی می‌کنیم که تمام این نقص‌ها را پوشش می‌دهد. Selectric یک پلاگین ساده، سریع و کم حجم است که نیاز به کتابخانه‌ی اضافی دیگری ندارد. 

نحوه‌ی استفاده

۱. jQuery را حتما به صفحه خود اضافه کنید:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

۲. قرار دادن jQuery Selectric:

<script src="jquery.selectric.min.js"></script>

3. قرار دادن استایل jQuery Selecric:

<link rel="stylesheet" href="selectric.css">

4. فراخوانی jQuery Selecric:

$(function() {
 $('select').selectric();
});

برای مستندات کامل و گزینه‌های اضافی میتوانید به سایت jQuery Selectric مراجعه کنید.