Javascript 将输入文本作为

我在网上搜索了很长一段时间，但我还没有找到一个答案来回答一些似乎非常普遍的问题

基本上，我想做的是提交输入文本，如果选中单选按钮或类似的东西，在表格中弹出文本，这里是一些输入和表格的照片

我希望能够按下+或add按钮，将输入中的所有文本添加到表格中，如果选中收音机，则Check=True类似的内容，以便在我按下add按钮时，所有文本都显示在表格中

以下是示例照片的HTML：

    <div class="bg">

    <button id="droplist-btn" class="droplist-btn">Add By Droplist</button> 
<form>
    <input type="text" id="item-code-input" class="item-code-input" placeholder=""></input>
    <button type="submit" id="add-item" class="add-item">+</button>
    <input type="text" id="color-input" placeholder="color"></input>
    <select type="text" id="sizes-item-code" class="sizes-item-code">
        <option value="Small">Small</option>
        <option value="Medium">Medium</option>
        <option value="Large">Large</option>
        <option value="XLarge">XLarge</option>
        <option value="One Size">One Size</option>
    </select>
    </label>
    <label class="switch">
    <input type="checkbox">
    <span class="slider"></span>
    </label>
    <label for="switch">Any Color</label>
    </form>
    <table id="items-table">
        <!--<caption>Task</caption>-->
        <tr>
            <th>Item</th>
            <th>Size</th>
            <th>Options</th>
        </tr>
        <tr>

        </tr>
    </table>
    <label id="item-code-label">Item Code</label>
    <!-- idk what happened here -->
    <label class="radio">.
    <input type="radio" checked="checked" name="radio">
    <span class="check-item"></span>
</label>
<label id="keyword-label">Keyword</label>
<label class="radio">.
<input type="radio" name="radio">
<span class="check-keyword"></span>
</label>

 </div>
<script src="jquery.js"></script>
<script src="items.js"></script>

</body>
</html> 

我已尝试将以下两个答案添加到我的其他脚本中，但它们都不起作用。这里是我的不同表的html：

<table id="proxy-list">
        <tr>
          <!--<th>Name</th> -->
          <th colspan="3">Proxies</th>
        </tr>
        <tr>
          <td>Proxy1:</td>
          <td>174.32.116.214:87</td>
          <td>
            <button class="remove-btn"><div class="thex">x</div></button>
          </td>
        </tr>
      </table>
      <input type="text" id="proxy-add-name" placeholder="Name"></input>
      <input type="text" id="proxy-add-proxy" placeholder="Proxy"></input>
      <button id="proxy-add" onclick="addProxy()">Add</button>

谢谢你的帮助

我知道我的html代码非常混乱，我对html非常熟悉，我还在学习

---

jQuery是首选，但正如我所说的，只要更新addRow的开头就可以了

函数addRow{ var item_text=1；//$'item-code-input'.val？？？ 变量大小_text=2； 变量选项_text=3； $'main-table'。追加 ++项目(文本)+ ++文本大小+ ++选项\u文本+ +; } 项目大小选项

---

添加行试试这个。效率不高，但它涵盖了您想要做的事情

函数添加{ 让table=document.getElementByIdtheTable 设fd=newformdatamyform 让输出= fd.entries的forlet数据{ 输出+=+数据[1]+ } 输出=+输出+ table.innerHTML+=输出 }

---

这是使用您的代码-顺便说一句，我添加了id=switch作为复选框输入，链接到for=switch作为选项，它只考虑任何颜色。+按钮用于添加行。单击+按钮时，我使用return false停止表单提交

函数addRow{ var item_text=$'item-code-input'.val； var size_text=$'size-item-code'.val； var options_text=$'switch'.is'：选中“？”任何颜色：：； $'items-table'。追加 ++项目(文本)+ ++文本大小+ ++选项\u文本+ +; } $function{ $“添加项”。单击函数{ 阿德罗； 返回false； }; }; 按液滴列表添加 + 小的 中等的 大的 XLarge 一号 任何颜色 任务-> 项目 大小 选择权 项目代码 . 关键词 .

---

你能发布一些你尝试过的代码吗？$'items-table'。append$var Item=$Item-code-input.val.append$.appendItem.append$.appendLarge.append$.appendAny size方法作为一个没有变量的测试是不起作用的@frankerz请在你的帖子中包含任何附加信息问题避免在评论中添加这些内容，因为它们更难阅读，也更容易删除。您的帖子的编辑按钮就在帖子的标签下面。也发布一些HTML，这样我们就可以演示/测试它，而无需重新制作示例结构。如果我希望变量是输入字段内部的文本，我是否可以执行.val？是的，虽然在选择中获取所选选项可能会更复杂，但在您的情况下，您在选项中创建了值和文本/标签相同我在旧html下面发布的新html上尝试了您的脚本，但它不起作用我尝试了您的脚本，当我按下“添加”按钮时，文本从输入中消失，并且在任何地方都不会显示出来表明formId有问题。你能分享你的代码以获得更多帮助吗？