Php 列表选择mysql

Php 列表选择mysql,php,jquery,Php,Jquery,我有一个足球队的数据库。我将所有这些团队列在如下列表中: <form method="GET" action=""> <select name="team1"> <option value="1">England</option> <option value="2">Spain</option> <option value="3">Italia</option>

我有一个足球队的数据库。我将所有这些团队列在如下列表中:

<form method="GET" action="">
    <select name="team1">
    <option value="1">England</option>
    <option value="2">Spain</option>
    <option value="3">Italia</option>
    <option value="4">Germany</option>
    </select>
</form>

英格兰
西班牙
意大利
德国
我想在这两支球队之间进行一些足球比赛。因此,我在第一个列表中选择了一个团队,在第二个列表中选择了另一个团队

<form method="GET" action="">
    <select name="team2">
    <option value="1">England</option>
    <option value="2">Spain</option>
    <option value="3">Italia</option>
    <option value="4">Germany</option>
    </select>
</form>

英格兰
西班牙
意大利
德国

但是我想在第二个列表中,除了我在第一个列表中选择的团队之外,还有所有的团队。你能帮我吗?谢谢大家!

您可以尝试以下方法:

(我给了两个select的id)

更新: 我在两个团队中都添加了默认选项:

<option value="0">Select team1</option>  //<----in team 1
<option value="0">Select team2</option>  //<----in team 2

$(document).ready(function(){
  var options = $('#team2').html(); //<--cache your options for team2 here outside
  $('#team1').change(function () {
     if (this.value !== '0') {
       $('#team2').find('option[value*="' + this.value + '"]').hide();//<-hide here
     } else {
       $('#team2').html(options); //<----else show all the options
     }
   });
});
选择团队1//
  • 隐藏选定选项
  • 显示所有其他选项
  • 将值设置为第一个可见的选项

  • 请告诉我们你试过什么。我没有试过,因为我直到现在才做过这种东西。请帮帮我。关于StackOverflow,我们是来帮你回答问题的,不是来做你的工作的。因此,我们要求人们表现出他们为解决自己的问题付出了努力,而不是让我们觉得我们只是在做脏活。没有私人问题,但你可能也不喜欢别人问你对他们的工作做些什么。谢谢你的回答,但我不想把团队从第二个列表中删除。我只是在第二个列表中隐藏(我在第一个列表中选择的团队)。你能编辑你的代码吗。最好的regards@user3149518查看更新谢谢您的更新,但是当我选择Italia时出现了问题,第二个列表中也有Italia。就在我选择1队时,将该队隐藏在第二队中。但是剧本有个问题,你检查小提琴了吗?可能您没有将脚本放入
    $(文档).ready(function(){})
    块中。非常感谢您的回答,但是@Danijel的脚本是正确的。非常感谢!成功了
    <option value="0">Select team1</option>  //<----in team 1
    <option value="0">Select team2</option>  //<----in team 2
    
    $(document).ready(function(){
      var options = $('#team2').html(); //<--cache your options for team2 here outside
      $('#team1').change(function () {
         if (this.value !== '0') {
           $('#team2').find('option[value*="' + this.value + '"]').hide();//<-hide here
         } else {
           $('#team2').html(options); //<----else show all the options
         }
       });
    });
    
    $("select[name=team1]").on( 'change', function(e) {
        var val = $(this).val();
        $("select[name=team2] option[value="+val+"]").hide();
        $("select[name=team2] option").not( "option[value="+val+"]" ).show();
    
        $("select[name=team2]").val( $("select[name=team2] option:visible").val() );
    
    });