32 lines
1.1 KiB
HTML
32 lines
1.1 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Select2 test</title>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<select class="js-example-basic-single form-control" name="nomi">
|
|
<option value="AN">Antonio</option>
|
|
<option value="FR">Franco</option>
|
|
<option value="CA">Roberto</option>
|
|
<option value="AN">Antonietto</option>
|
|
<option value="FR">Franchino</option>
|
|
<option value="CA">Robertino</option>
|
|
<option value="AN">Antonione</option>
|
|
<option value="FR">Francone</option>
|
|
<option value="CA">Robertone</option>
|
|
</select>
|
|
<script type="text/javascript">
|
|
$(document).ready(function()
|
|
{
|
|
$('.js-example-basic-single').select2(
|
|
{
|
|
placeholder: "Seleziona un nome", allowClear: true
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |