Question

我在这里向大家请教。我要做的是，一旦你选择了Team，你就可以获得另一个列表中的玩家列表。代码工作正常。请告诉我，你会以不同的方式执行此代码吗？也许是为了让它缩短一点，好像会有~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')
        }
    }

Answer 1

选中post。

您要做的最常见的示例是根据所选国家/地区更改状态。

JS在其他选择列表中显示所选选项

1 个答案: