javascript - 取消选择选择列表

Question

我有两个选择列表，一个是团队列表，另一个是球员列表。球员名单根据球队的选择而变化。如果重新选择团队列表中的团队，我希望取消选择在球员列表中选择的任何球员。我有：

 $("#playerList select option").prop("selected", false);

这会取消选择播放器，但只有当我将鼠标悬停在列表上时才会这样做。我如何让这种变化立即出现？

Answer 1

尝试这个：

$( '#TeamList' ).on( 'change', function ()
                {

                    if ( condition1==true )
                    {

                        $( "#playerList option[value='1']" ).remove();
                        $( "#playerList option[value='2']" ).remove();

    //.................... and so on (Remove the items you dont need and add new items)
                        $( "#playerList" ).append( '<option value="3" style="background-color:#A9F5A9">Player new1</option>' );
                        $( "#playerList " ).append( '<option value="4" style="background-color:#A9F5A9">Player new2</option>' );


                    }
                    else
                    {

                        $( "#playerList option[value='3']" ).remove(); //Remove the items
                        $( "#playerList option[value='4']" ).remove();

                        $( "#playerList " ).append( '<option value="1">Player1</option>' );
                        $( "#playerList " ).append( '<option value="2">player2</option>' );

                    }
                } );