0

Im using a select box with the multiple attribute to give me a box options where i can choose many of them. It works but not in the way i want it. As in, i can ctrl click multiple choices, but i want to have it that i can just click (without ctrl) and have multiple choices remain selected. As of now normal clicks only selects one option from the box (as in, only one option remains highlighted).

Should i use javascript to keep the options selected on single clicks? I've tried this but it has not worked:

<select id="selecter" multiple='multiple' size='6'>
  <option value="1">user1</option>
  <option value="2">user2</option>
  <option value="3">user3</option>
  <option value="3">user4</option>
  <option value="3">user5</option>
  <option value="3">user6</option>
</select>

none of these work:

$('#selecter option').click(function(){
  $(this).attr('selected', 'selected');
  //$(this).attr('selected', 'true');
  //$(this).prop('selected', 'selected');
  //$(this).prop('selected', 'true');
});

https://jsfiddle.net/6u14h4oe/

ThriceGood
  • 1,633
  • 3
  • 25
  • 43
  • 1
    If you want something that looks like a multi-select but *works* differently, I think the first step is to stop using `` elements but that's what people are used to because browsers have worked that way forever. – Pointy Aug 09 '17 at 13:09
  • answer exists in the linked question. – ThriceGood Aug 09 '17 at 13:11
  • You can use one of these two projects : [Select2](https://select2.github.io/) or [Selectize](http://selectize.github.io/selectize.js/) – Hamza Abdaoui Aug 09 '17 at 13:12

0 Answers0