ハイライト複数選択オプション

Question

私は

<select id="user_id" name="user_id" disabled multiple="multiple"> 
</select> 

など、複数の選択ボックスを持っている私は、ページの読み込み後にAJAXを使用して選択ボックスを移入していますし、データが移入されると、選択ボックスが

<select id="user_id" name="user_id" disabled multiple="multiple"> 
    <option value="256" selected>Manager</option> 
    <option value="266" selected>Accountant</option> 
</select> 

なるが、 Managerではなく選択ボックスでAccountantだけが強調表示されます。

私は

<option value="256" selected="selected"> 
<option value="256" selected="true"> 

てみましたが、まだ最後のものだけが選択した属性を持つすべてのオプションではありませんハイライト表示されます。

選択したすべてのオプションをハイライト表示するにはどうすればよいですか？カスタムCSSクラスを追加する以外の方法はありますか？私は何か間違っているのですか？

前もって感謝します！

Answer 1

あなたのHTMLレンダリング通常に正常に見える：

<select id="user_id" name="user_id" disabled multiple="multiple"> 
 
    <option value="256" selected>Manager</option> 
 
    <option value="266" selected>Accountant</option> 
 
</select>

しかし、たとえダイナミックにjQueryを使ってレンダリングし、それはまだ罰金です。私にとって

次作品：

$(function(){ 
 
    var items = [ 
 
    $('<option value="volvo" selected>Volvo</option>'), 
 
    $('<option value="saab" selected>Saab</option>'), 
 
    $('<option value="audi">Audi</option>') 
 
    ]; 
 

 
    $('select#toLoad').append(items); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="toLoad" name="cars" disabled multiple> 
 
</select>

UPDATE：OPはさらに質問を、「引き上げ複数の属性も動的に割り当てられ、負荷上の単一の選択ボックスがある場合はどう？ "見てみましょう：

$(function(){ 
 
    var items = [ 
 
    $('<option value="volvo" selected>Volvo</option>'), 
 
    $('<option value="saab" selected>Saab</option>'), 
 
    $('<option value="audi">Audi</option>') 
 
    ]; 
 

 
    $('select#toLoad').attr('multiple', 'multiple'); 
 
    $('select#toLoad').append(items); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="toLoad" name="cars" disabled> 
 
</select>

動作するように見えたが、これはしないこと：

$(function(){ 
 
    var items = [ 
 
    $('<option value="volvo" selected>Volvo</option>'), 
 
    $('<option value="saab" selected>Saab</option>'), 
 
    $('<option value="audi">Audi</option>') 
 
    ]; 
 

 
    $('select#toLoad').append(items); 
 
    $('select#toLoad').attr('multiple', 'multiple'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="toLoad" name="cars" disabled> 
 
</select>

我々が見るように：オーダーの問題を！