Jquery select option as selected on change

Question

How can I Keep the two selected fields as select using a JavaScript/jquery function, if I pick a different language.

I know that STRG + mouselick works but I do not want that.

<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>

https://jsfiddle.net/j280fhuu/

Possible duplicate of [How to avoid the need for ctrl-click in a multi-select box using Javascript?](http://stackoverflow.com/questions/8641729/how-to-avoid-the-need-for-ctrl-click-in-a-multi-select-box-using-javascript) — Nikhil Bhandari, Mar 23 '17 at 11:50

score 1 · Answer 1 · answered Mar 23 '17 at 11:57

1

You can use mousedown event

FIDDLE

Like this:

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

answered Mar 23 '17 at 11:57

Anshul

118
1
11

score 0 · Answer 2 · answered Mar 23 '17 at 11:53

0

you can do it like this :

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

https://jsfiddle.net/j280fhuu/3/

answered Mar 23 '17 at 11:53

Mustapha Larhrouch

3,373
3
14
28

score 0 · Answer 3 · answered Mar 23 '17 at 11:58

You can write like this

$(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
});

JS Fiddle Here.

score 0 · Answer 4 · answered Mar 23 '17 at 12:35

not sure if this will help; Try it! I can't understand clear what you want.

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() );
});

see ya.

Jquery select option as selected on change

4 Answers4