<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

​

​

​

<form action="#" method="get">

    <select multiple name="players" id="players">

        <option value="player">player</option>

        <option value="player1">player1</option>

        <option value="player2">player2</option>

    </select>

​

    <select multiple name="team" id="teams">

        <option value="team">team</option>

        <option value="team1">team1</option>

        <option value="team2">team2</option>

    </select>

</form>

​

<p></p>