0

我是来请教大家的。我想要做的是，一旦你选择了团队，你就会得到另一个列表中的玩家列表。代码工作正常。请告诉我，您会以不同的方式执行此代码吗？也许为了让它更短一点，好像会有大约 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')
        }
    }
4

0 回答 0