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

debugcn 发表于 Dev

齐亚德·梅图尔（Ziyad Mestour）

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

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

用户名

您需要创建一个新的<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/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。