Javascript 在选择元素中添加和删除输入提交值

我想创建函数，在文本区域中添加和删除提交的值

如下图所示，我有姓、名和电话，当我单击“添加”时，值会添加到左侧的“选择”区域。然后，如果我从该选择区域中选择某人并单击“删除”，则必须删除所选选项

我们将非常感谢您的帮助。 致以最良好的祝愿

---

从选择控件中删除所选选项

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

查询学校：

---

在清除姓、名和电话字段后，实际上非常简单

我设法用这个函数做了我需要的事情

  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>

小组成员
姓氏：
名字：
电话：

但我现在有另一个问题。。我想用与我将从选择区域选择的人匹配的名字、姓氏和电话来填补输入空白。 我怎么能做这样的事呢