Select2.js Nedir?

Yazılım Kodu Kanalına Abone Olun

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.

  1. Select2.js aksan işaretleri ile arama olmak üzere yerleşik 40’tan fazla dil desteği ile birlikte gelir .
  2. Select2.js ile AJAX’ı kullanarak geniş öğe listelerini verimli bir şekilde arayabilirsiniz.
  3. Bootstrap 4 desteği vardır.
  4. İstediğiniz gibi özelleştirebilirsiniz.
  5. Kullanıcıların yeni bir seçenek eklemesine izin verir yani dinamiktir.
  6. 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%'
    });
});

1

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.

54 Kez Okundu

Yavuz Selim Kart

Yazılım ve veri tabanında bildiklerimi anlatmaya gayret ediyorum. Halen birçok programlama dili üzerinde araştırmalar yaparak kendimi geliştiriyorum. Bunlar haricinde Grafik Tasarım ve Wordpress konularına da ilgim bulunmakta. SEO ve Sosyal medya yönetimleri hakkında da bilgim mevcuttur. Kısaca çok çalışmayı seven azimli biriyim.

You may also like...

Sitedeki yazıları kopyalamak yasaktır.