Question

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

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

任何帮助都将受到高度赞赏。最好的问候。

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>

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

在select元素中添加和删除输入提交的值

2 个答案: