Javascript Jquery选择选项作为更改时选择的选项

如果选择不同的语言，如何使用JavaScript/jquery函数将两个选定字段保持为select

我知道STRG+mouselick可以工作，但我不想这样

<fieldset class="form-group">
    <select class="form-control" multiple="multiple">
        <option value="bg">Bulgarisch</option>
        <option value="da">Dänisch</option>
        <option value="de" data-type="edit" selected="selected">Deutsch</option>
        <option value="en" data-type="edit" selected="selected">Englisch</option>
        <option value="et">Estnisch</option>
        <option value="fi">Finnisch</option>
    </select>
</fieldset>

保加利亚语
德尼希
德国
恩利施
埃斯特尼希
芬尼希

---

您可以这样做：

$("#language_selection_audio").change(function(){
    $(this).find("option[data-type='edit']").prop('selected', true)
})

---

您可以使用

mousedown

事件

像这样：

$('option').mousedown(function(e) {
    e.preventDefault();
    $(this).prop('selected', $(this).prop('selected') ? false : true);
    return false;
});

---

你可以这样写

$(document).ready(function () {
   $('#language_selection_audio').val(['de', 'en']); // Pass an array, for multiple selections
   $('#language_selection_audio :selected').attr('data-type', 'edit'); // Add custom attribute
});

---

不确定这是否有帮助；试试看！ 我不清楚你想要什么

var $input = $('#language_selection_audio');

function markLangs( langs ){
    $input.find('option').removeAttr('data-type').attr('selected',false);

    $.each( langs, function( i ){
         $input.find('option[value=' + langs[i] + ']').attr('data-type','edit').attr('selected',true);              
    });             
};

$input.on('change', function(){
    markLangs( $(this).val() );
});

请参见。

可能的副本