I have two classes: selectpicker with different IDs: selected_Test_Platforms and selected_SIL_relevant I am trying to assign a preselection from an array called "availableTestPlatforms" to the selected_Test_Platforms.
Currently, when I use the selector $('.selectpicker'), it selects both classes, which is not what I want.
So, how can I specifically select and set only the id="selected_Test_Platforms" to be the preselected values from the array availableTestPlatforms?
//This works but selects both IDs
$('.selectpicker').selectpicker('val', availableTestPlatforms);
//These methods do not work
$( "#selected_SIL_relevant" ).selectpicker('val', availableTestPlatforms);
$('select[name=selValue]').selectpicker('val', availableTestPlatforms);<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Report manipulation options:</a>
</div>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<select name="selValue" id="selected_Test_Platforms" class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
</select>
</div>
<div class="form-group">
<select id="selected_SIL_relevant" class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
<option value='-All-' selected>-All-</option>
<option value='Safety Relevant'>Safety Relevant</option>
<option value='QM'>QM</option>
</select>
</div>
<button type="button" onclick="main()" class="btn btn-default">Submit</button>
</form>
</div>
</nav>
</div>