javascript - 選択リストの選択解除

Question

チームのリストとプレーヤーのリストの2つの選択リストがあります。選手のリストは、チームの選択によって変わります。チームリストのチームが再選択された場合、プレーヤーリストで選択されたプレーヤーが選択解除されるようにしたい。私は持っている：

 $("#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>' );

                    }
                } );