添加和刪除輸入提交的值往返選擇元素

Question

我想創建函數來添加和刪除文本區域提交的值。

正如你在下面的圖片中看到的，我有姓氏的名字和電話，當我點擊添加的值被添加到左邊的選擇區域。那麼如果我從該選擇區域選擇某個人並單擊刪除，則必須刪除所選選項。

任何幫助將不勝感激。 此致敬禮。

take a look at an image example here

Answer 1

從選擇控制刪除選定的選項

var x=document.getElementById("mySelect"); 
x.remove(x.selectedIndex); 

檢查w3school：在此之後http://www.w3schools.com/jsref/met_select_remove.asp 清除字段姓氏名字和電話

Answer 2

它實際上是很容易..

我設法做我需要的這個功能..

function addSnow() 
{ 
var addlast = document.snowForm.last.value; 
var addfirst = document.snowForm.first.value; 
var addphone = document.snowForm.phone.value; 
var sum = addlast + " " + addfirst + " " + addphone; 

var addnew = document.getElementById("selectSnow"); 
var newOpt = new Option(sum , sum); 
addnew.options[addnew.options.length] = newOpt; 
} 

，這一個是我的形式

<form name="snowForm"> 

    <select style="float:left;margin-right:5px;" name="selname" id="selectSnow" size="10"> 
     <option value="start">Group Members</option> 
    </select> 


    <table> 
     <tr><td><input type="button" value="Add Snowboarder" onClick="addSnow()"/></td><td><input type="button" onclick="delSnow()" value="Delete Snowboarder"/></td></tr> 
     <tr><td>Last name:</td></tr> 
     <tr><td><input type="text" name="last" size="15"/></td></tr> 
     <tr><td>First name:</td></tr> 
     <tr><td><input type="text" name="first" size="15"/></td></tr> 
     <tr><td>Telephone:</td></tr> 
     <tr><td><input type="text" name="phone" size="15"/></td></tr> 
    </table> 
</form> 

，但我現在有一個問題..我想，以填補名字姓氏和電話將匹配與人輸入的差距我將從選擇區域中選擇。 我將如何能夠做到這樣的事情？