CodeIgniterのは、私は、私はjQueryの/ JavaScriptを使用して移入したい私のモーダルのいずれかで、複数選択は以下のコードで作成したjQueryの/ JavaScriptを使用して、選択した値を持つ複数選択

Question

を移入します、4GBとHardDrive、1TB。私はjQuery/JavaScriptを使用してmultiselectのための選択値を設定したいと思いますが、私は苦労しています。私は以下のものがうまくいくと思ったが、そうはしなかった。 $('select[name="non-compatibility[]"]').val('RAM,4GB');

何が起こっているのか、それをどうやって正常に行うのか？

EDIT

は私が手動で選択で別のオプションを選択するとき、それは、私が選択に設定されたものを示していることに気づきました。変更を表示するために選択をリフレッシュする必要がある方法はありますか？

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>