• 19-02-2022, 10:52:25
    #1
    <!doctype html>
    <html lang="en">
      <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    
        <script>
            $(document).ready(function () {
                $(".statesSelect").select2();
            });
        </script>
    
        <title>Select2 Kullanımı</title>
      </head>
      <body>
    
        <div class="container">
            <div class="row">
                <div class="col-md-12 mt-5">
    
                    <select class="statesSelect" name="states">
                        <option value="AK">Alaska</option>
                        <option value="HI">Hawaii</option>
                        <option value="CA">California</option>
                        <option value="NV">Nevada</option>
                        <option value="OR">Oregon</option>
                    </select>
              
                </div>
            </div>
        </div>
    
    </script>
        <!-- Option 1: Bootstrap Bundle with Popper -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    
    
    </body>
    </html>
    En basitinden bir select2 kullanmayı deniyorum ancak başarılı olamıyorum aldığım sonuç şu;

    Sizce nerede hata yapıyorum?
  • 19-02-2022, 11:17:30
    #2
    Hocam <link> etiketlerini head kısmına, <script> etiketlerini ise <body> bir üstüne ekleyiniz.
    Edit: birde hocam CDN fazla kullanmayın, dosyalarını indirin kaydedin öyle import edin.
  • 19-02-2022, 11:17:48
    #3
    hocam jquery js dosyasını slecet2 js'sinden önce yazarsanız sorun düzelecektir. Ek olarak son div'inizden sonra fazladan bir </script> tagı mevcut.