JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div class="toolselect">
  <select multiple>
    <option value="1">Tool 1</option>
    <option value="2">Tool 2</option>
    <option value="3">Tool 3</option>
  </select>
</div>
<input type="button" value="Mer" onclick="addselect('{{$tool->id}}')" />

JavaScript

addselect = function(id) {
  var temp = $("div.toolselect select").val();
  temp = temp + id;
  $("div.toolselect select").val(temp);
}
$(document).ready(function() {
var temp = [];
  $('select').on('change', function() {
	temp.push($(this).val()[0]);
			console.log(temp);
  });
	$('select').val(["1","2","3"])
});