xxxxxxxxxx
1
<div style="height: 100vh">
2
<div class="container">
3
<form class="container" id="x">
4
<select id="select" class="mdb-select colorful-select dropdown-primary md-form"
5
name="SelectedAttributeEntryIds"
6
multiple searchable="Search here..">
7
<option value="" disabled selected>Choose your country</option>
8
<option value="1">USA</option>
9
<option value="2">Germany</option>
10
<option value="3">France</option>
11
<option value="4">Poland</option>
12
<option value="5">Japan</option>
13
</select>
14
<label class="mdb-main-label">Countries</label>
15
16
<button type="submit" class="btn btn-success">Submit</button>
17
</form>
18
<h1 id="result" class="text-center"></h1>
19
</div>
20
21
</div>
1
1
xxxxxxxxxx
1
$(document).ready(function() {
2
$('.mdb-select').materialSelect();
3
$('#x').on('submit', function(e) {
4
e.preventDefault();
5
6
const $result = $('#result');
7
const $selVal = $('#select').val();
8
9
$result.text($selVal);
10
})
11
})
Console errors: 0