两个选择下拉列表，带有JavaScript中的类别

样本数据库

Location
    location_id     location
    1           Bacolod
    2           Bohol
    3           Cebu
    4           Manila

School

id      location_id     School_name
1           1               Bacolod Tay Tung High School
2           3               University of Southern Philippines Foundation
3           2               Dr. Cecilio Putong National High School
4           1               Jack and Jill School
5           4               British School Manila
6           2               Holy Spirit School of Tagbilaran
7           4               Chinese International School Manila
8           2               Ubay National Science High School
9           3               Abellana National School


<select onChange="jsFunction()" id="team1" >
@foreach($locations as $location)
<option onclick="jsFunction()">{!! $location->location_name!!}</option>
@endforeach
</select>


<select id="team2">
<option>Computer Science</option>
<option>Mathematics</option>
<option>Bioinformatic</option>
<option>Management Sciences</option>
</select>

<script>
function jsFunction(){
    var team1 = document.getElementById( "team1" );
    var team2 = document.getElementById( "team2" );
    for (i=0;i<4;i++){
        team2.remove(0);
    }
    var position=0;
    for (i=0;i<4;i++){
        if (i!=team1.selectedIndex){
            team2.options[position] = new Option(team1.options[i].value);
            position=position+1;
        }
    }
}
</script>

位置
位置\u id位置
1巴科洛德
2波霍尔
3宿务
4马尼拉
学校
id位置\u id学校\u名称
1 1巴科洛德泰东中学
2南菲律宾大学3基金会
3.2 Cecilio Puton国立高中博士
4.1杰克和吉尔学校
5.4马尼拉英国学校
6.2塔比拉兰的圣灵学校
7.4马尼拉中文国际学校
8.2乌拜国立科学高中
9.3 Abellana国立学校
@foreach（$locations作为$location）
{！！$location->location\u name！！}
@endforeach
计算机科学
数学
生物信息学
管理科学
函数jsFunction（）{
var team1=document.getElementById（“team1”）；
var team2=document.getElementById（“team2”）；
对于（i=0；i你可以参考