Javascript 从数据库中选择父选项字段时填充子选项字段的简单方法） tv//parent 模型//子选择

我想在从父项中选择后，用电视型号或移动型号填充子字段，如下所示：

<select><option>tv</option></select> //parent
<select><option>model</option></select> //sub select

tv//parent
模型//子选择
var x=document.getElementById（“mySelectTV”）；
var option=document.createElement（“选项”）；
option.text=“音乐香奈儿”；
x、 添加（选项）；

或者使用循环

<select id="mySelectTV"><option>tv</option></select> //parent
<select><option>model</option></select> //sub select


var x = document.getElementById("mySelectTV");
var option = document.createElement("option");
option.text = "music chanel";
x.add(option);

var channels=['chanel 1'、'chanel 2'、'chanel 3']；
var x=document.getElementById（“mySelectTV”）；
var option=document.createElement（“选项”）；
对于（变量i=0；i

查找

这里可能会有帮助，它被称为comboboxYou need jQuery和AJAX来实现这一点实际上我的列表在数据库中，比如（电视、手机、打印机）在选择其中任何一个后，我想从包含其模型的数据库中获取值，并将其放到子选择字段中。

var chanels = ['chanel 1', 'chanel 2', 'chanel 3'];
var x = document.getElementById("mySelectTV");
var option = document.createElement("option");
for(var i=0; i< chanels.length; i++){
   option.text = chanels[i] ;
   x.add(option);
}