JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<html>
<head>
</head>
<body>
<table>
    <tr>
        <td>
            <select id="listboxFootballPlayers" size="5" multiple="multiple" style="width: 200px;">
            <option value="l1">Cristiano Ronaldo</option>
            <option value="l2">Ricardo Kaka</option>
            <option value="l3">Lionel Messi</option>
            <option value="l4">Gerd Muller</option>
            <option value="l5">Johan Crujjf</option>
            <option value="l6">Franz Beckenbauer</option>
            <option value="l7">David Beckham</option>
            </select>
        </td>
    </tr>
</table>
</body>
</html>

JavaScript

$(document).ready(function() {
    $('#listboxFootballPlayers option').live('mouseup', function() {
        if ($(this).is(':selected'))
          alert("Selected: " + $(this).attr('value'));
        else 
          alert("Deselected: " + $(this).attr('value'));
    });
});