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() );
});