select multiple items in select option without using 'ctrl' key

Question

is there a way I could select multiple items in multiple select dropdown without using 'ctrl'? below is my snippet which so far I tried and unfortunately not working. Any help, ideas, clues, suggestions, recommendations please?

$(document).ready(function(){
  $("#options option").click(function(){
    $(this).prop("selected",true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="options" class="form-control" multiple>
  <option value="1">option one</option>
  <option value="2">option two</option>
  <option value="3">option three</option>
  <option value="4">option four</option>
  <option value="5">option five</option>
</select>

You can just click the first value and drag down, if they're sequential, but more practically you could use any number of select plugins — Wesley Smith
– Wesley Smith, Commented Jan 15, 2016 at 7:54

Brainfeeder · Accepted Answer · 2016-01-15 07:55:04Z

2

You could go for a jQuery plugin solution. DEMO JSFiddle

$(function () {
    $('select').multipleSelect();
});

You can find the 'multiple select' project at GitHub

answered Jan 15, 2016 at 7:55

Brainfeeder

2,6322 gold badges21 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

select multiple items in select option without using 'ctrl' key

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related