JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center">
 <form>

            <tr>

                </td>
            </tr>
            <tr>
                <td class="playListCell">
                    <select id="lbPlayList" multiple onchange="PlaySelectedSong();">
                        <option value="audio/babo.wav">
                            01. Babo
                        <option value="http://www.weebly.com/uploads/4/0/8/2/40827321/02christine.mp3">
                            02. Christine
                        <option value="http://www.weebly.com/uploads/4/0/8/2/40827321/03rainbow.mp3">
                            03. Rainbow
                        <option value="http://www.weebly.com/uploads/4/0/8/2/40827321/04feelingood.mp3">
                            04. Feelin' Good (Live)
                    </select>
                </td>
                                <td class="playerCell">
                    <audio id="player" preload="auto" tabindex="0" controls type="audio/mpeg">
                        <!--<source type="audio/mp3" src="http://www.weebly.com/uploads/4/0/8/2/40827321/01walkininthedarkness.mp3">-->
                        Sorry, your browser does not support HTML5 audio.
                    </audio>
            </tr>

    </form>
</div>

CSS

.playerTable {
            background-color: 000;
            width: 75%;
            height: 200px;

        }
        #player {
            padding: 0px;
        }
        #lbPlayList {
            border: 0px solid #AAA;
            color: 000;
            font-size: larger;
            padding: 10px;
            background-color: d8d6d6;
            width: 75%;
        }
        #lbPlayList option:hover, option:checked {
            color: 009BCA;
            background-color: #d8d6d6;
        }
        .playListCell {
            background-color: #000;
            width: 75%;
            
        }
        .playerCell{
            height: 30px;
            width: 75%;
            background-color: #d8d6d6;
        }        .playerTable {
            background-color: 000;
            width: 75%;
            height: 200px;

        }
        #player {
            padding: 0px;
        }
        #lbPlayList {
            border: 0px solid #AAA;
            color: 000;
            font-size: larger;
            padding: 10px;
            background-color: d8d6d6;
            width: 75%;
        }
        #lbPlayList option:hover, option:checked {
            color: 009BCA;
            background-color: #dd0000;
        }
        .playListCell {
            background-color: #000;
            width: 75%;
            
        }
        .playerCell{
            height: 30px;
            width: 75%;
            background-color: #d8d6d6;
        }

JavaScript

function PlayerLoaded() {
            document.getElementById('lbPlayList').selectedIndex = "-1";
            var audioPlayer = document.getElementById('player');

        }
        function PlaySelectedSong() {
            var audioPlayer = document.getElementById('player');
            audioPlayer.style.display = "";
            var songUrl = document.forms[0].lbPlayList.value;
            audioPlayer.src = songUrl;
            audioPlayer.load();
            audioPlayer.play();
        }