JS отображает выбранный параметр в другом списке выбора

Я здесь, чтобы просить совета у всех. Что я пытаюсь сделать, так это то, что как только вы выберете команду, вы получите список игроков в другом списке. Код работает нормально. Скажите, пожалуйста, вы бы сделали этот код по-другому? Может быть, чтобы сделать его немного короче, как если бы было ~ 12 игроков, код для этой простой задачи был бы очень длинным. Есть ли что-нибудь еще, где я мог бы улучшить? Спасибо.

<body>
<form>
    <select id="teams" onchange="showPlayer();">
        <option>Team 1992</option>
        <option>Team 2003</option>
        <option>Team 2013</option>
    </select>
    <select>
        <option id="player1">First</option>
        <option id="player2">Second</option>
    </select>
</form>


var team2013 = ['Cowboy', 'Puppet'];
    var team2003 = ['Mr. Star', 'Awesome'];
    var team1992 = ['Mr. Amazing', 'Unstopable'];

    function showPlayer(){
        var selection = document.getElementById('teams');
        var opt = selection.options[selection.selectedIndex];
        switch(selection.options.value){
            case 'Team 1992':
                document.getElementById('player1').innerHTML = team1992[0];
                document.getElementById('player2').innerHTML = team1992[1];
                break;
            case 'Team 2003':
                document.getElementById('player1').innerHTML = team2003[0];
                document.getElementById('player2').innerHTML = team2003[1];
                break;
            case 'Team 2013':
                document.getElementById('player1').innerHTML = team2013[0];
                document.getElementById('player2').innerHTML = team2013[1];
                break;
            default: alert('must choose')
        }
    }

javascript code-cleanup
person MrPaulius    schedule 21.09.2013    source источник
comment
Совсем не оптимально. Здесь, в SO, есть сотни лучших версий.   -  person mplungjan    schedule 21.09.2013
comment
Проверьте этот сообщение. Наиболее распространенным примером того, что вы хотите сделать, является изменение состояния в зависимости от выбранной страны.   -  person Ricardo Nuñez    schedule 21.09.2013
comment
Это пример с jQuery, я все еще пытаюсь разобраться с JS :). Я попытался найти более оптимальный вариант. Другие примеры относятся либо к jQuery, либо к тому, как люди показывают, как изменить один элемент при выборе. И мне нужно изменить более 1.   -  person MrPaulius    schedule 22.09.2013
comment
Я уверен, что есть, пытался найти, но, к сожалению, не нашел. Вот почему задал вопрос.   -  person MrPaulius    schedule 22.09.2013
comment
В зависимости от размера вашей команды вам может быть лучше просто показать другой выбор и скрыть другой в зависимости от selectedIndex первого выбора. style.display=нет против блока   -  person mplungjan    schedule 22.09.2013