Javascript 多个相关选择框不工作

我希望在html中创建一系列选择框，根据已经选择的内容显示不同的选项。我可以让前两个起作用，但无法理解为什么它没有注入最后一个框，即#FCadultseats选择框

我基本上希望FCadultseats框只在电影在大电影院（晚上9点）时可用

非常感谢你的帮助。我已经试了很久，不知道为什么这样不行

这是我的密码：

<form id = "booking" method = "POST" action = "testserver">
                    Day: 
                    <select id = "dayselector" name = "day">
                        <option disabled selected> -- Select a Day -- </option> 
                        <option value= "Monday">Monday </option>
                        <option value = "Tuesday">Tuesday</option>
                        <option value = "Wednesday">Wednesday</option>
                        <option value = "Thursday">Thursday</option>
                        <option value = "Friday">Friday</option>
                        <option value = "Saturday">Saturday</option>
                        <option value = "Sunday">Sunday</option>
                    </select>   
                    <br>
                    Time and Cinema: 
                    <select id ="timeselector" name ="time">
                        <option disabled selected> -- Select a Time -- </option>
                    </select> 
                    First Class Adults: <select id ="FCadultseats">
                        <option disabled selected> -- Not Available -- </option>
                    </select>
</form>



$(document).ready(function(){
$("#dayselector").change(function(){
    var sel_day = $('option:selected').val();
    if (sel_day == "Saturday" || sel_day == "Sunday"){
        $("select#timeselector").html('<option disabled selected> -- Select a Time -- </option><option value ="9">9pm - Large Cinema</option><option value ="4">4pm - Small Cinema</option>'); 
    } else {    
        $("select#timeselector").html('<option disabled selected> -- Select a Time -- </option><option value ="9">9pm - Large Cinema</option>');
    }
});             

$("#timeselector").change(function(){
    var sel_time = $('option:selected').val();
    if (sel_time == 9){
    $("#FCadultseats").html('<option value ="0">0</option><option value ="1"></option><option value ="2">2</option><option value ="3">3</option><option value ="4">4</option><option value ="5">5</option><option value ="6">6</option><option value ="7">7</option><option value ="8">8</option><option value ="9">9</option><option value ="10">10</option><option value ="11">11</option><option value ="12">12</option>');
    }
});

日期：
--选择一天--
星期一
星期二
星期三
星期四
星期五
星期六
星期日


时间与电影：
--选择一个时间--
头等舱成人：
--不可用--
$（文档）.ready（函数（）{
$（“#dayselector”）.change（函数（）{
var sel_day=$（'option:selected'）.val（）；
如果（选择日==“星期六”|选择日==“星期日”）{
$（“select#timeselector”）.html（'-选择时间--9pm-大型电影院4pm-小型电影院”）；
}否则{
$（“select#timeselector”）.html（'--select a Time--9pm--大型电影院”）；
}
});             
$（“#timeselector”）.change（函数（）{
var sel_time=$（'option:selected'）.val（）；
如果（选择时间==9）{
$（“#FCadultseats”）.html（'023456789101112'）；
}
});

}))

试试换衣服

var sel_day = $('option:selected').val();

到

在这两个地方都这样做

$（'option:selected'）

为每次选择选择选择页面上的所有选定选项

var sel_day = this.value;