-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (80 loc) · 3.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<html>
<head>
<meta charset="utf-8">
<title>Selezione Codice CIP2010</title>
<link href="./select2.min.css" rel="stylesheet" />
<script src="./jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="./select2.min.js" type="text/javascript"></script>
<script src="i18n/it.js" type="text/javascript"></script>
<script src="./cips2010_data.js" type="text/javascript"></script>
<script type="text/javascript">
function myFunction() {
var e = document.getElementById("cips_select");
var strOption = e.options[e.selectedIndex].value;
var strDesc = e.options[e.selectedIndex].innerText;
var x = document.getElementById("myDIV");
x.innerHTML = "Descrizione: " + strDesc + "<br/>Codice CIP 2010: " + strOption;
}
function matchCustom(params, data) {
// If there are no search terms, return all of the data
if ($.trim(params.term) === '') {
return null;
}
// Skip if there is no 'children' property
if (typeof data.children === 'undefined') {
return null;
}
// `data.children` contains the actual options that we are matching against
var filteredChildren = [];
$.each(data.children, function (idx, child) {
if (child.text.toUpperCase().indexOf(params.term.toUpperCase()) > -1) {
filteredChildren.push(child);
}
});
// If we matched any of the group's children, then set the matched children on the group
// and return the group object
if (filteredChildren.length) {
var modifiedData = $.extend({}, data, true);
modifiedData.children = filteredChildren;
// You can return modified objects from here
// This includes matching the `children` how you want in nested data sets
return modifiedData;
}
// Return `null` if the term should not be displayed
return null;
}
$(document).ready(function() {
$('.js-example-basic-single').select2(
{ data: cips2010_data,
placeholder: "Seleziona un campo di ricerca, una specializzazione o un'occupazione",
allowClear: true,
matcher: matchCustom,
language: 'it',
minimumInputLength: 5,
maximumInputLength: 20
});
});
</script>
</head>
<body>
<center>
<h1>Selezione codice CIP 2010</h1>
Il codice CIP 2010 è un sistema di classificazione <a href="https://nces.ed.gov/ipeds/cipcode/resources.aspx?y=55">ideato dal National Center for Education Statistics</a>.<br/>
Il sistema comprende più di duemila programmi di istruzione superiore.<br/>
<br/>
Per trovare il codice di interesse:<br/>digitare almeno cinque lettere del campo di ricerca o specializzazione.
<br/><br/>
<table cellpadding=10 cellspacing=5>
<tr bgcolor="dodgerblue"><td>
<select id="cips_select" class="js-example-basic-single form-control" name="cips" onchange="myFunction()">
<option/>
</select>
</td></tr>
<tr><td>
<div id="myDIV"></div>
</td></tr>
</table>
<p>Se non trovate il campo di ricerca di vostra competenza, o un trovate errore di traduzione,<br/>per favore segnalate a <a href="mailto:[email protected]?subject=Correzione%20CIPS">questo indirizzo</a>.</p>
</center>
</body>
</html>