Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态填充下拉列表_Javascript_Html - Fatal编程技术网

Javascript 动态填充下拉列表

Javascript 动态填充下拉列表,javascript,html,Javascript,Html,我正在寻找一点关于自动填充下拉菜单的帮助 我写的代码对我来说不起作用,但它一开始起作用,现在已经停止了 我哪里做错了 HTML: 电影名称: 选择电影 星球大战:原力觉醒 婚礼破坏者 好恐龙 皇家战役 会期: 请选择一部电影 JavaScript: var moviesByDays = { SW: ["Monday", "Monday", "Monday", "Monday"], WC: ["Tuesday", "Tues", "Tues", "Tues"],

我正在寻找一点关于自动填充下拉菜单的帮助

我写的代码对我来说不起作用,但它一开始起作用,现在已经停止了

我哪里做错了

HTML:


电影名称:
选择电影
星球大战:原力觉醒
婚礼破坏者
好恐龙
皇家战役
会期:
请选择一部电影
JavaScript:

var moviesByDays = {
        SW: ["Monday", "Monday", "Monday", "Monday"],
        WC: ["Tuesday", "Tues", "Tues", "Tues"],
        GD: ["Wednesday", "Wed", "Wed", "Wed", "Wed"],
        BR: ["Thursday", "Thurs", "Thurs", "Thurs", "Thurs"]
}

function changeday(value) {
    if (value.length == 0) document.getElementById("session_day").innerHTML = "<option></option>";
    else {
        var catOptions = "";
        for (session_dayId in moviesByDay[value]) {
            daysOptions += "<option>" + moviesByDays[value][session_dayId] + "</option>";
        }
        document.getElementById("session_day").innerHTML = daysOptions;
    }
}
var moviesByDays={
SW:[“周一”、“周一”、“周一”、“周一”],
WC:[“星期二”、“星期二”、“星期二”、“星期二”],
GD:[“周三”、“周三”、“周三”、“周三”、“周三”、“周三”],
BR:[“周四”、“周四”、“周四”、“周四”、“周四”、“周四”]
}
函数更改日期(值){
if(value.length==0)document.getElementById(“会话日”).innerHTML=“”;
否则{
var-catOptions=“”;
for(moviesByDay中的会话\u dayId[值]){
daysOptions+=“+moviesByDays[value][session_dayId]+”;
}
document.getElementById(“会话日”).innerHTML=daysOptions;
}
}
我怎样才能做到这一点


提前感谢您的帮助。

这是因为您在变量和赋值方面犯了一些错误。在
脚本
标记中使用以下内容:

  var moviesByDays = {
        SW: ["Monday", "Monday", "Monday", "Monday"],
        WC: ["Tuesday", "Tues", "Tues", "Tues"],
        GD: ["Wednesday", "Wed", "Wed", "Wed", "Wed"],
        BR: ["Thursday", "Thurs", "Thurs", "Thurs", "Thurs"]
  }


  function changeday(value) {
    var daysOptions = []; //That will Clear first selection on every new selection
    if (value.length == 0) document.getElementById("session_day").innerHTML = "<option></option>";
    else {
        var catOptions = "";
        for (session_dayId in moviesByDays[value]) {                
            daysOptions += "<option>" + moviesByDays[value][session_dayId] + "</option>";
        }
        document.getElementById("session_day").innerHTML = daysOptions;
    }
 }
var moviesByDays={
SW:[“周一”、“周一”、“周一”、“周一”],
WC:[“星期二”、“星期二”、“星期二”、“星期二”],
GD:[“周三”、“周三”、“周三”、“周三”、“周三”、“周三”],
BR:[“周四”、“周四”、“周四”、“周四”、“周四”、“周四”]
}
函数更改日期(值){
var daysOptions=[];//这将在每次新选择时清除第一个选择
if(value.length==0)document.getElementById(“会话日”).innerHTML=“”;
否则{
var-catOptions=“”;
对于(moviesByDays中的会话_dayId[value]){
daysOptions+=“+moviesByDays[value][session_dayId]+”;
}
document.getElementById(“会话日”).innerHTML=daysOptions;
}
}

如果每次我问这个问题时只有一角钱……也许你想要的下拉列表的快速图表会有帮助,谢谢!很好用!刚刚创建了一个小提琴,修复了这个问题,并准备发布答案;你来了!哈哈,不管怎样,谢谢。希望你已经解决了@Lachlan Norris
  var moviesByDays = {
        SW: ["Monday", "Monday", "Monday", "Monday"],
        WC: ["Tuesday", "Tues", "Tues", "Tues"],
        GD: ["Wednesday", "Wed", "Wed", "Wed", "Wed"],
        BR: ["Thursday", "Thurs", "Thurs", "Thurs", "Thurs"]
  }


  function changeday(value) {
    var daysOptions = []; //That will Clear first selection on every new selection
    if (value.length == 0) document.getElementById("session_day").innerHTML = "<option></option>";
    else {
        var catOptions = "";
        for (session_dayId in moviesByDays[value]) {                
            daysOptions += "<option>" + moviesByDays[value][session_dayId] + "</option>";
        }
        document.getElementById("session_day").innerHTML = daysOptions;
    }
 }