在javascript中向2个选择框添加选项对象

在javascript中向2个选择框添加选项对象,javascript,html,Javascript,Html,我是javascript新手;我正在尝试将文本框中的值动态添加到两个选择框中 输入valuenode名称后,我想将该名称添加到2个选择框srcNodes和targetNodes中,但它只是将该选项添加到targetNodes中。我做错什么了吗 添加节点{ 左边距:20px; 宽度:20%; 高度:20px; 字体大小:粗体; } 删除节点{ 右边距:20px; 宽度:20%; 高度:20px; 字体大小:粗体; } TXT输入{ 宽度:50%; 高度:10px; 浮动:左; 填充:10px;

我是javascript新手;我正在尝试将文本框中的值动态添加到两个选择框中

输入valuenode名称后,我想将该名称添加到2个选择框srcNodes和targetNodes中,但它只是将该选项添加到targetNodes中。我做错什么了吗

添加节点{ 左边距:20px; 宽度:20%; 高度:20px; 字体大小:粗体; } 删除节点{ 右边距:20px; 宽度:20%; 高度:20px; 字体大小:粗体; } TXT输入{ 宽度:50%; 高度:10px; 浮动:左; 填充:10px; } SRC节点{ 宽度:40%; 字体系列:信使新; 填充:10px; } 目标节点{ 宽度:40%; 字体系列:信使新; 填充:10px; } 添加 删去 var cmd=; var inNode=document.getElementByIdaddNodeInput; var out=document.getElementByIdnodeConsole; 功能显示{ out.value=节点操作; out.innerHTML=cmd+out.innerHTML; cmd=; } 函数addNode{ var n=inNode.value; cmd=>>>>+n+; //displaycmd; inNode.value=; inNode.focus; var s=document.getElementByIdsrcNodes; var t=document.getElementByIdtargetNodes; var option=document.createElementoption; option.text=n; s、 添加选项; t、 添加选项; }
您创建了一个元素,然后试图将其插入两个不同的位置。您应该创建两个元素,然后将它们都插入

添加节点{ 左边距:20px; 宽度:20%; 高度:20px; 字体大小:粗体; } 删除节点{ 右边距:20px; 宽度:20%; 高度:20px; 字体大小:粗体; } TXT输入{ 宽度:50%; 高度:10px; 浮动:左; 填充:10px; } SRC节点{ 宽度:40%; 字体系列:信使新; 填充:10px; } 目标节点{ 宽度:40%; 字体系列:信使新; 填充:10px; } 添加 删去 var cmd=; var inNode=document.getElementByIdaddNodeInput; var out=document.getElementByIdnodeConsole; 功能显示{ out.value=节点操作; out.innerHTML=cmd+out.innerHTML; cmd=; } 函数addNode{ var n=inNode.value; cmd=>>>>+n+; //displaycmd; inNode.value=; inNode.focus; var s=document.getElementByIdsrcNodes; var t=document.getElementByIdtargetNodes; var option1=document.createElementoption; var option2=document.createElementoption; 选项1.text=n; 选项2.text=n; s、 添加选项1; t、 添加选项2; }
谢谢,乔丹。我刚想出来,但我想如果有其他方法让它工作的话。