取消选择选择列表

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>' );

                    }
                } );