Javascript 动态下拉列表，JQuery，不提交具有值的表单

我有下面的代码，它根据另一个下拉背景色的选择创建一个动态下拉文本颜色

它按预期工作，并完美地填充文本颜色下拉列表

但是，当我提交表单时，textC的值每次都是空的。如果我为文本颜色创建一个简单的选择，我的表单提交的很好，并且所有变量都可以通过POST在下一页上获得

有没有想过为什么这个代码的textC值总是空的

黑色变量=[ {显示：灰色，值：灰色}， {显示：暖红色，值：红色}， {显示：白色，值：白色}]； 白色变量=[ {显示：黑色，值：黑色}， {显示：灰色，值：灰色}， {显示：暖红色，值：红色}]； 灰色变量=[ {显示：黑色，值：黑色}， {显示：暖红色，值：红色}， {显示：白色，值：白色}]； $parent\u selection.changefunction{ var parent=$this.val；//从父级获取选项值 switchparent{//使用开关比较选定选项并填充子项 “黑色”案例： 李斯特布莱克； 打破 “白色”一案： 利斯特怀特； 打破 案例“灰色”： 利斯特格雷； 打破 default://默认子选项为空 $textC.html； 打破 } }; //用于填充子选择框的函数 函数列表数组\u列表 { $textC.html；//重置子选项 $array_list.eachfunction i{//填充子选项 $textC.append+array_list[i].显示+； }; } 背景色？ -请选择- 黑色 白色 灰色 文本颜色？

---

你能试试这个吗

//function to populate child select box
function list(array_list)
{
    $("#textC").html(""); //reset child options
    $(array_list).each(function (i) { //populate child options 
        $('<option>').val(array_list[i].value).text(array_list[i].display).appendTo('#textC');
    });
}

---

jsiddle:

您可以使用select2选择其他选项

//将每个项目设置为id=值，文本=显示 黑色变量=[ {文本：，id:}， {text:Gray，id:Gray}， {text:Warm Red，id:Red}， {text:White，id:White}]； //已初始化select2控件。 $textC.select2{ 数据：黑色， escapeMarkup:函数标记{return markup；}，//让我们的自定义格式化程序工作 最小输入长度：1， 占位符：选择项目， selectOnClose:对， closeOnSelect：正确 };

---

当我尝试这样做时，当我在另一个下拉列表中选择某个内容时，动态下拉列表根本不会填充。是的，非常方便，您还可以从ajax json结果中设置数据值。