xxxxxxxxxx
1
<div class="col-md-4 form-group">
2
<label class=" control-label" for="act_duration">Employment Type<span style="font-size: 20px; font-weight: bold; margin-left: 5px;">*</span></label>
3
<div class="col-md-12">
4
<select id="playground_test_field" name="playground_test_field" class="form-control input-md w-100" data-mdb-select-init data-mdb-filter="true" required>
5
<option>Please Select...</option>
6
<option value="1">test 1</option>
7
<option value="2">test 2</option>
8
<option value="3">test 3</option>
9
<option value="4">test 4</option>
10
<option value="5">test 5</option>
11
<option value="6">test 6</option>
12
</select>
13
14
</div>
15
</div>
16
17
<button class="test_press">Click me</button>
18
19
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
1
1
xxxxxxxxxx
1
2
$(".test_press").click(function () {
3
const singleSelectInstance = mdb.Select.getInstance(document.querySelector('#playground_test_field'));
4
const v = 3;
5
singleSelectInstance.setValue(String(v));
6
});
7
Console errors: 0