xxxxxxxxxx
1
<div class="accordion" id="accordionExample">
2
<div class="accordion-item">
3
<h2 class="accordion-header" id="headingOne">
4
<button
5
class="accordion-button"
6
type="button"
7
data-mdb-toggle="collapse"
8
data-mdb-target="#collapseOne"
9
aria-expanded="true"
10
aria-controls="collapseOne"
11
>
12
Accordion Item #1
13
</button>
14
</h2>
15
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-mdb-parent="#accordionExample">
16
<div class="accordion-body">
17
<div class="form-outline test mb-2">
18
<input type="text" id="form12" class="form-control" value="1233"/>
19
<label class="form-label" for="form12">Example label</label>
20
</div>
21
<div class="mb-2 test">
22
<select class="select" name="test1" id="1">
23
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
24
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
25
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
26
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
27
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
28
</select>
29
<label class="form-label select-label">Größe</label>
30
</div>
31
</div>
32
</div>
33
</div>
34
<div class="accordion-item">
35
<h2 class="accordion-header" id="headingTwo">
36
<button
37
class="accordion-button collapsed"
38
type="button"
39
data-mdb-toggle="collapse"
40
data-mdb-target="#collapseTwo"
41
aria-expanded="false"
42
aria-controls="collapseTwo"
43
>
44
Accordion Item #2
45
</button>
46
</h2>
47
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-mdb-parent="#accordionExample">
48
<div class="accordion-body">
49
<div class="form-outline test mb-2">
50
<input type="text" id="form12" class="form-control" value="1233"/>
51
<label class="form-label" for="form12">Example label</label>
52
</div>
53
<div class="mb-2">
54
<select class="select test" name="test1" id="1">
55
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
56
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
57
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
58
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
59
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
60
</select>
61
<label class="form-label select-label">Größe</label>
62
</div>
63
</div>
64
</div>
65
</div>
66
<div class="accordion-item">
67
<h2 class="accordion-header" id="headingThree">
68
<button
69
class="accordion-button collapsed"
70
type="button"
71
data-mdb-toggle="collapse"
72
data-mdb-target="#collapseThree"
73
aria-expanded="false"
74
aria-controls="collapseThree"
75
>
76
Accordion Item #3
77
</button>
78
</h2>
79
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-mdb-parent="#accordionExample">
80
<div class="accordion-body">
81
<div class="form-outline test mb-2">
82
<input type="text" id="form12" class="form-control" value="1233"/>
83
<label class="form-label" for="form12">Example label</label>
84
</div>
85
<div class="mb-2 test">
86
<select class="select" name="test1" id="1">
87
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
88
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
89
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
90
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
91
<option value="1" data-mdb-secondary-text="<Test 123">Option</option>
92
</select>
93
<label class="form-label select-label">Größe</label>
94
</div>
95
</div>
96
</div>
97
</div>
98
</div>
99
1
1
xxxxxxxxxx
1
document.querySelectorAll('.test').forEach((formOutline) => {
2
new mdb.Input(formOutline).update();
3
});
Console errors: 0