Javascript：如何将一个值从一个列表发送到另一个列表_Javascript_Html

Javascript：如何将一个值从一个列表发送到另一个列表

javascript html

Javascript：如何将一个值从一个列表发送到另一个列表,javascript,html,Javascript,Html,我有以下情况：两个列表和两个按钮，我想单击一个按钮并将一个list1字段发送到list2，反之亦然 HTML: <!DOCTYPE HTML> <html lan="en"> <head> <meta charset="utf-8" /> <title>Liste</title> <link rel="stylesheet" type="text/CSS" href="liste.css" /> <

我有以下情况：两个列表和两个按钮，我想单击一个按钮并将一个list1字段发送到list2，反之亦然

HTML:

<!DOCTYPE HTML>
<html lan="en">
<head>
 <meta charset="utf-8" />
 <title>Liste</title>
 <link rel="stylesheet" type="text/CSS" href="liste.css" />
 <script type="text/Javascript" src="Liste.js"></script>
</head>
<body>
<select id="Box" size=6>
 <option value="R6">Yamaha R6</option>
 <option value="R1">Yamaha R1</option>
</select>
<input type="button" id="bouton_Envoyer" value="Send>>>" onclick="Send()">
<input type="button" id="bouton_Envoyer" value="Delete<<<">
<select id="Box2" size=6>
  <option></option>
</select>
</body>
</html>

function Send ()
{
 var x = document.getElementById("Box");
 var Select_value = x.options[x.selectedIndex].text;
}

我可以选择一个项目，但我不知道如何将其发送到其他列表。

您需要创建一个新的

DOM元素，并将其附加到

Box2

<select id="Box" size="6">
 <option value="R6">Yamaha R6</option>
 <option value="R1">Yamaha R1</option>
</select>
<input type="button" id="bouton_Envoyer" value="Send>>>" onclick="Send()">
<input type="button" id="bouton_Envoyer" value="Delete<<<">
<select id="Box2" size="6">
  <option></option>
</select>

小提琴：

function Send ()
{
    var x = document.getElementById("Box");
    var Select_value = x.options[x.selectedIndex].text;

     var newOpt = document.createElement('option');
     newOpt.innerHTML = Select_value;
     document.getElementById('Box2').appendChild(newOpt);
}