Select2js Nedir?
Select2js Nedir?
Herkese merhaba, Bu yazıda sizlere Select2.js‘nin ne olduğundan bahsedeceğim.
Select2js Nedir?
Select2.js seçme kutuları oluşturmak için kullanılan jQuery tabanlı bir kütüphanedir. Select2.js içerisinde arama yapmayı, dinamik data bağlanmasını ve sonuçların sayfalandırılmasını ve birçok seçenek desteği ile özelleştirilebilir bir çok seçenek sunar.
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>Select2js Nedir?</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.2/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" />
</head>
<body>
<div class=col-2>
<select class="js-example-basic-single" name="state">
<option value="34">İstanbul</option>
<option value="42">Konya</option>
<option value="06">Ankara</option>
</select>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
</body>
</html>JAVASCRIPT Kodu
$(document).ready(function() {
$('.js-example-basic-single').select2({
dropdownAutoWidth : 'auto',
"width":"100%"
});
});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.
