0921-734-5800
musavi.alireza@gmail.com
همین امروز تماس بگیرید
ورود به سایت ثبت نام در سایت
فن وب و اینترنت > ابزار > پلاگین Select2

پلاگین Select2

یکی المانهای مربوط به یک فرم ، select است که در معمولا در صورت داشتن یک Select که دارای option های زیادی باشد نیاز به جستجو الزامی می باشد . برای این منظور این پلاگین به شکلی بسیار ساده و زیبا این امکان را در اختیار ما قرار می دهد . برای استفاده از این پلاگین باید به شکل زیر عمل کنیم .

در بخش Header سایت Css مربوط به این پلاگین را اضافه می کنیم . چون این پلاگین از Bootstrap نیز پشتیبانی می کند می توانیم این CSS ویژه این امکان را نیز در این قسمت اضافه کنیم :

در بخش  Footer  نیز باید فایل Script این پلاگین را به شکل زیر اضافه کنیم . فقط دقت کنید که قبل از اضافه کردن این اسکریپت حتما Jquery اضافه شده باشد در غیر این صورت با خطا مواجه خواهیم شد .

حال می توانیم از این پلاگین در صفحه استفاده کنیم .

و برای اعمال این پلاگین روی این select ، script زیر را اجرا می کنیم :

این اسکریپت باعث می شود که تمامی المانهائی که دارای کلاس select_city هستند به شکل select2 تبدیل شوند . انتخاب نام کلاس اختیاری است ولی به المان هر کلاسی را میدهیم باید آن را در اسکریپت نیز وارد کنیم .

260

این پست با کد 1693 در تاریخ ۹۷/۰۸/۳۰ توسط علیرضا نوشته شده است.

هیچ نظری در مورد این پست ثبت نشده است . شما اولین باشید .

دیدگاه خود را بنویسید

در نظر داشته باشید ایمیل شما نزد ما خصوصی می باشد .

برای نوشتن پیغام از هر گونه متنی می توانید استفاده کنید