的Javascript：如何從一個列表發送一個值到另一個

-1

我有以下的情況：兩個列表和兩個按鈕，我想點擊一個按鈕，發送列表1場列表2，反之亦然的Javascript：如何從一個列表發送一個值到另一個

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; 
}

我可以選擇一個項目，但我不知道該怎麼將它發送到另一個列表。

來源

2014-01-25 Ziyad Mestour

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

來源

2014-01-25 16:11:59

的Javascript：如何從一個列表發送一個值到另一個

回答

相關問題