Question

我有以下情况：两个列表和两个按钮，我想点击一个按钮并将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>

JS：

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

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

Answer 1

您需要创建一个新的<option> 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);
}

小提琴：http://jsfiddle.net/5vuvT/

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

1 个答案: