Select2.js Nedir?
Herkese merhaba,
Bu yazıda Select2.js kütüphanesinin ne olduğundan ve nasıl kullanılacağından bahsedeceğim.
Select2.js size arama, etiketleme, uzak veri kümeleri, sonsuz kaydırma ve çok kullanılan diğer birçok seçenek desteğiyle özelleştirilebilir bir seçim kutusu sunan javascript kütüphanesidir.
- Select2.js aksan işaretleri ile arama olmak üzere yerleşik 40’tan fazla dil desteği ile birlikte gelir .
- Select2.js ile AJAX’ı kullanarak geniş öğe listelerini verimli bir şekilde arayabilirsiniz.
- Bootstrap 4 desteği vardır.
- İstediğiniz gibi özelleştirebilirsiniz.
- Kullanıcıların yeni bir seçenek eklemesine izin verir yani dinamiktir.
- Internet Explorer 11 dahil olmak üzere hem modern hem de eski tarayıcılarda desteklenir.
Aşağıdaki kod yardımıyla siz de bu kütüphaneyi rahatlıkla kullanabilirsiniz.
HTML Kodu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Select2.js Nedir?</title>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
</head>
<body>
<select class="js-example-basic-single" name="state">
<option></option>
<option value="34">İstanbul</option>
<option value="06">Ankara</option>
<ption value="42">Konya</option>
</select>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</body>
</html>JAVASCRIPT Kodu
$(document).ready(function() {
$('.js-example-basic-single').select2({
placeholder: 'İlinizi Seçiniz',
width: '100%'
});
});[codepen_embed height=300 theme_id=1 slug_hash=’wvpaXBO’ user=’yavuzselimkart’ default_tab=’html’ animations=’run’][/codepen_embed]
Sitenizde kullanmak için linkini ziyaret ederek, kendinize göre revizeler yapabilirsiniz.
Kullanımı ile ilgili daha fazla detay için linkini ziyaret ederek detaylı kullanabilirsiniz.
Herkese çalışma hayatında ve yaşamında başarılar kolaylıklar.
