使用JavaScript使用一个选择输入添加TR+TD内容

我有一个选择输入，其中大约有5个选项。我还有一个空表将使用此格式：

<table>
   <tr>
      <td>X(for delete)</td>
      <td>Option name</td>
      <td>Value that is linked to that option name</td>
   </tr>
</table>

所以我想要的是：当有人从选择菜单中选择一个选项时，它必须在表中用3创建一个新元素。第一个只是一个X或图像，以便我可以删除，第二个是选项名，第三个是链接到该选项的值

那么，我如何制定一个计划，为我和TD添加TR呢。第二部分是：我如何使它在用户预取X时删除整个父对象。如果可能的话，我如何将3个TD的所有值相加并显示在屏幕上

我知道这很难，但这里有人能帮我吗？

---

谢谢您的时间。

试试这个，希望它能以正确的方式帮助您：

$“按钮”。单击功能{ $'table'.append'X'+$'select选项：selected'.text++$'select.val+； } $document.on'click'，'remove'，函数{ $this.parent.remove； }; 沃尔沃汽车 萨博 梅赛德斯 奥迪 进来 xfordelete 选项名 链接到该选项名称的值

---

不知道这是否是因为SO的复制和粘贴作业，但您应该尝试将tr保存在tbody、thead、tfoot中。仅仅因为浏览器将注入一个tbody并不是信任它的理由。还有，你已经试过什么了？老实说，我以前从未用过JS，所以我在网上和Lynda.com上找过一些Tut。这只是一个学校项目，而不是一份真正的工作。所以我只是在这里寻找帮助，同时观看视频教程。谢谢，我真的不知道添加内容这么容易。这将帮助我很多，谢谢。很好，我现在添加了，所以选择的文本显示在右td中，选择的值显示在右td中。如果这回答了您的问题，请将其标记为一个。是的，我会的。在这个回答中有很多假设，首先您假设浏览器将创建一个tbody，它目前正在创建。然后，假设jQuery将tr附加到tbody，而不是直接附加到表中。我认为做出这些假设而不向某人解释他们想要学习JS不是一个好主意。除此之外，你的选择器会找到页面上的每个表格和每个按钮，但这只是我的迂腐。你说的没错，但正如我在顶部所写的，这只是一个正确方向的示例，标记与问题相同@ste2425