JSFiddle - React, Tailwind, and code Playground
HTML
<select> <optgroup b="1" name="2.Mose" label="2.Mose"> <option c="0" onclick="abc(this)">Kapitel 1</option> <option c="1" onclick="abc(this)">Kapitel 2</option> <option c="2" onclick="abc(this)">Kapitel 3</option> <option c="3" onclick="abc(this)">Kapitel 4</option> <option c="4" onclick="abc(this)">Kapitel 5</option> <option c="5" onclick="abc(this)">Kapitel 6</option> <option c="6" onclick="abc(this)">Kapitel 7</option> <option c="7" onclick="abc(this)">Kapitel 8</option> <option c="8" onclick="abc(this)">Kapitel 9</option> <option c="9" onclick="abc(this)">Kapitel 10</option> <option c="10" onclick="abc(this)">Kapitel 11</option> <option c="11" onclick="abc(this)">Kapitel 12</option> <option c="12" onclick="abc(this)">Kapitel 13</option> <option c="13" onclick="abc(this)">Kapitel 14</option> <option c="14" onclick="abc(this)">Kapitel 15</option> <option c="15" onclick="abc(this)">Kapitel 16</option> <option c="16" onclick="abc(this)">Kapitel 17</option> <option c="17" onclick="abc(this)">Kapitel 18</option> <option c="18" onclick="abc(this)">Kapitel 19</option> <option c="19" onclick="abc(this)">Kapitel 20</option> <option c="20" onclick="abc(this)">Kapitel 21</option> <option c="21" onclick="abc(this)">Kapitel 22</option> <option c="22" onclick="abc(this)">Kapitel 23</option> <option c="23" onclick="abc(this)">Kapitel 24</option> <option c="24" onclick="abc(this)">Kapitel 25</option> <option c="25" onclick="abc(this)">Kapitel 26</option> <option c="26" onclick="abc(this)">Kapitel 27</option> <option c="27" onclick="abc(this)">Kapitel 28</option> <option c="28" onclick="abc(this)">Kapitel 29</option> ...
JavaScript
$('select').change(function(){
var b=$(this+':selected').parent().attr('b')
var c=$(this+':selected').attr('c')
alert('book: '+b+' chapter:'+c)
})