动态生成下拉选项

时间:2015-07-13 14:46:52

标签: javascript drop-down-menu html-select dynamically-generated

我需要有关此动态生成的下拉选项的帮助。我想要完成的是有三个动态生成的下拉菜单,它们相互依赖。我可以将第一个下拉列表设置得很好,但我的主要问题是,当选择新内容时,我无法触发onchange。

var dropDown = document.createElement("FIELDSET");  
var course_s = document.createElement("SELECT");
course_s.id  = "course";
for(var j = 0; j < courseList.length+1; j++){
    var course_o = document.createElement("OPTION");
    if(j == 0){
        course_o.value = "NONE";
        course_o.innerHTML = "NONE";
    }else{
        course_o.value = courseList[j-1];
        course_o.innerHTML = courseTitle[j-1]+" "+courseNumber[j-1];
    }
    course_s.appendChild(course_o);
}

var module_s  = document.createElement("SELECT");
module_s.id   = "module";
var module_o = document.createElement("OPTION");
module_o.value = "NONE";
module_o.innerHTML = "NONE";
module_s.appendChild(module_o);

var segment_s = document.createElement("SELECT");
segment_s.id  = "segment";
var segment_o = document.createElement("OPTION");
segment_o.value = "NONE";
segment_o.innerHTML = "NONE";
segment_s.appendChild(segment_o);

课程改变后设置模块和分段选项。

0 个答案:

没有答案