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

add and delete input submitted values to and from select element

本文关键字：提交 输入 删除 select 元素 添加      更新时间：2023-09-26

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

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

任何帮助都将不胜感激。顺致敬意，

看看这里的图像示例

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

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

检查w3school：http://www.w3schools.com/jsref/met_select_remove.asp在此之后，清除字段"姓"名"answers"电话"

这其实很容易。。

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

  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>

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

相关文章：