xxxxxxxxxx1
<html lang="de">2
<head>3
<title>Select Options Groups</title>4
</head>5
<body aria-busy="true">6
7
<main role="main">8
9
<!-- Content Container -->10
<div class="container pt-3">11
12
<!-- Content -->13
<div class="row" id="form-md-medium">14
<div class="col-md-2"></div>15
<div class="col-md-8 mb-4">16
17
<div class="modal-dialog cascading-modal">18
<div class="modal-content">19
20
<!--Header-->21
<div class="modal-header primary-color">22
<h4 class="title"><i class="fa fa-address-card"></i> Select Group Test</h4>23
</div>24
25
<!--Body-->26
<div class="modal-body">27
<div class="mb-5">28
<select class="mdb-select md-form">29
<optgroup label="team 1">30
<option value="1">Option 1</option>31
<option value="2">Option 2</option>32
<option value="3">Option 3</option>33
<option value="4">Option 4</option>34
</optgroup>35
<optgroup label="team 2">36
<option value="5">Option 5</option>37
<option value="6">Option 6</option>38
<option value="7" selected="selected">Option 7</option>39
<option value="8">Option 8</option>40
41
</optgroup>42
</select>43
<label class="mdb-main-label">Example label</label>44
</div>45
<div class="row">46
<div class="col-md-6 select-outline">47
<select class="mdb-select md-form md-outline colorful-select dropdown-primary">48
<optgroup label="team 1">49
<option value="1">Option 1</option>50
<option value="2">Option 2</option>51
<option value="3">Option 3</option>52
<option value="4" selected="selected">Option 4</option>53
</optgroup>54
<optgroup label="team 2">55
<option value="5">Option 5</option>56
<option value="6">Option 6</option>57
<option value="7">Option 7</option>58
<option value="8">Option 8</option>59
60
</optgroup>61
</select>62
<label>Example label</label>63
</div>64
</div>65
</div>66
</div>67
</div>68
</div>69
</div>70
</div>71
</main>72
</body>73
</html>1
1
xxxxxxxxxx1
// Material Select Initialization2
$(document).ready(function() {3
$('.mdb-select').materialSelect();4
}); Console errors: 0