Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.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,我试图在“onclick”事件上以从上到下的顺序插入三个下拉列表,但是下拉列表是从侧面插入的。请帮助我,因为我是javascript新手 代码片段: 功能切换(id){ var supliers=新数组(); var sid=document.getElementById(id).已选中; var val=document.getElementById(id).value; 推送(val); 如果(sid){ var table=document.getElementById(“mytable

我试图在“onclick”事件上以从上到下的顺序插入三个下拉列表,但是下拉列表是从侧面插入的。请帮助我,因为我是javascript新手

代码片段:

功能切换(id){
var supliers=新数组();
var sid=document.getElementById(id).已选中;
var val=document.getElementById(id).value;
推送(val);
如果(sid){
var table=document.getElementById(“mytable”);
document.body.appendChild(表);
对于(变量i=0;i

基本上,您必须使用
insertRow()
将它们添加为新表行。我还建议将
myTable
类移动到表本身。这就是结果:

功能切换(id){
var supliers=新数组();
var sid=document.getElementById(id).已选中;
var val=document.getElementById(id).value;
推送(val);
如果(sid){
var table=document.getElementById(“mytable”);
var行=table.insertRow(0);
document.body.appendChild(表);
对于(变量i=0;i

类似下面的代码片段

使用

将下拉列表移动到下一行

功能切换(id){
var supliers=新数组();
var sid=document.getElementById(id).已选中;
var val=document.getElementById(id).value;
推送(val);
如果(sid){
var table=document.getElementById(“mytable”);
对于(变量i=0;i”+
" " +
“选择”+
“是的”+
“没有”+
"" +
“
”+ " " + “选择”+ “是的”+ “没有”+ ""; } } }
表格{
边界塌陷:塌陷;
}
表td{
边框:1px实心#C5C5;
填充:15px;
}

代码按照您正确编写的方式运行

您没有添加代码以添加行:

var x=表.插入行(1); var c1=x.insertCell(0); 添加另一行 var x=表.插入行(2); var c1=x.insertCell(0)