JSFiddle - React, Tailwind, and code Playground
HTML
<select multiple>
<option>a1</option>
<option>a2</option>
<option>a3</option>
<option>a4</option>
<option>a5</option>
<option>a6</option>
<option>a7</option>
<option>a8</option>
<option>a9</option>
<option>a10</option>
<option>a11</option>
<option>a12</option>
<option>a13</option>
<option>a14</option>
<option>a15</option>
<option>a16</option>
<option>a17</option>
<option>a18</option>
<option>a19</option>
<option>a20</option>
<option>b1</option>
<option>b2</option>
<option>b3</option>
<option>b4</option>
<option>b5</option>
<option>b6</option>
<option>b7</option>
<option>b8</option>
<option>b9</option>
<option>b10</option>
<option>b11</option>
<option>b12</option>
<option>b13</option>
<option>b14</option>
<option>b15</option>
<option>b16</option>
<option>b17</option>
<option>b18</option>
<option>b19</option>
<option>b20</option>
<option>c1</option>
<option>c2</option>
<option>c3</option>
<option>c4</option>
<option>c5</option>
<option>c6</option>
<option>c7</option>
<option>c8</option>
<option>c9</option>
<option>c10</option>
<option>c11</option>
<option>c12</option>
<option>c13</option>
<option>c14</option>
<option>c15</option>
<option>c16</option>
<option>c17</option>
<option>c18</option>
<option>c19</option>
<option>c20</option>
<option>d1</option>
<option>d2</option>
<option>d3</option>
<option>d4</option>
<option>d5</option>
<option>d6</option>
<option>d7</option>
<option>d8</option>
<option>d9</option>
<option>d10</option>
<option>d11</option>
<option>d12</option>
<option>d13</option>
<option>d14</option>
<option>d15</option>
<option>d16</option>
<option>d17</option>
<option>d18</option>
<option>d19</option>
<option>d20</option>
<option>e1</option>
<option>e2</option>
<option>e3</option>
<option>e4</option>
<option>e5</option>
<option>e6</option>
<option>e7</option>
...
JavaScript
document.querySelector("select").addEventListener("change", e => console.log(e.target.value, e))