笨填充多选与使用jQuery/JavaScript的

Question

我在情态动词的一个具有多选选择的值，我想用下面的代码创建的jQuery/JavaScript来填充：

<select multiple class="selectpicker display-block" data-width="100%" name="non-compatibility[]" id="non-compatibility" title='<?php echo _l('invoice_suboption_noncompatible'); ?>'> 
          <option value=""></option> 
          <?php foreach($suboptions as $suboption){ ?> 
          <option value="<?php echo $suboption['plat_option'].','.$suboption['name']; ?>" data-subtext="<?php echo $suboption['plat_option']; ?>"><?php echo $suboption['name']; ?></option> 
          <?php } ?> 
         </select> 

值样子RAM ，4GB和硬盘，1TB。我想为使用jQuery/JavaScript的multiselect设置选定的值，但我很难。我认为下面会工作，但事实并非如此。 $('select[name="non-compatibility[]"]').val('RAM,4GB');

任何线索可能会发生什么或如何成功做到这一点？

编辑

我注意到，当我拿起另一选项中选择手动它然后显示我设置为选择的人。有什么方法可以刷新选择以显示更改？

Answer 1

这可能会帮助你。

$('.selectpicker').multiselect(); 
 

 
$('.btn-set-val').click(function(){ 
 
    var tes = ['tes','ppp']; 
 
    $('.selectpicker').val(tes); 
 
    $('.selectpicker').multiselect('refresh'); 
 
}); 
 

 
$('.btn-add-opt').click(function(){ 
 
    $('.selectpicker').append("<option>new_opt</option>"); 
 
    $('.selectpicker').multiselect('rebuild'); 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" rel="stylesheet"/> 
 

 
<!-- jQuery library --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<!-- Latest compiled JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script> 
 

 
<select class="selectpicker" multiple> 
 
    <option>tes</option> 
 
    <option>tesewew</option> 
 
    <option>32tes</option> 
 
    <option>te32esds</option> 
 
    <option>ppp</option> 
 
</select> 
 

 
<button class='btn-set-val'>Set selected value</button> 
 
<button class='btn-add-opt'>Add new option</button>