0
206
Views¿Por qué no se aplica Select2 a mi elemento seleccionado?
Esta es la entrada que quiero agregar a mi proyecto https://select2.org/tagging pero se muestra así:
Agregué enlaces de instalación de Select2 pero no funciona. ¿Qué estoy haciendo mal?
<!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"> <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> <title>Document</title> </head> <body> <select class="form-control"> <option selected="selected">orange</option> <option>white</option> <option>purple</option> </select> <script> $(".js-example-tags").select2({ tags: true }); </script> </body> </html>
·
Juan Pablo Isaza
1 answers
Answer question0
El nombre de la clase en su secuencia de comandos no aparece en su marcado. Tiene que estar en el elemento seleccionado.
Además, parece que no está cargando jQuery, del que depende Select2.
<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"> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> </head> <body> <select class="form-control js-example-tags"> <option selected="selected">orange</option> <option>white</option> <option>purple</option> </select> <script> $(".js-example-tags").select2({ tags: true }); </script> </body>
·
Juan Pablo Isaza
Report
Answer question