如何通过提交按钮将文本输入发送到表中的列？

Question

我有一个包含 6 列的表格，然后是一个文本框和一个提交按钮。 我正在寻找的是我在文本框中输入的信息将保存在其中一列中（或者就像在当前为空的列中弹出一样）。 我现在不知道如何进行，我一直在谷歌上搜索很多，但都是徒劳的。

我在 jquery 中完成了一些事件，允许在单击列时切换颜色。 （这是针对单页应用程序的（当涉及到数据库等时，我没有使用 php。）。

我将不胜感激！我是 web 开发的新手，因为我只用 C# 编写过代码。

        <div id="table-columns">
            <table class="table">
                <thead>
                    <tr class ="tr-table">
                        <td class="mytd" style="border-top: groove;"></td>
                        <td class="mytd" style="border-top: groove;"></td>
                        <td class="mytd" style="border-top: groove;"></td>
                        <td class="mytd" style="border-top: groove;"></td>
                        <td class="mytd" style="border-top: groove;"></td>
                        <td class="mytd" style="border-top: groove;"></td>
                    </tr>

        <td>
             <input id="Information" type="text" name="Information"/>
        </td>
         <td>
             <input id="ActivateButtonId" type="submit" value="Activate">
        </td>

Answer 1

Demo

检查一下，

• 这个sn -p current 保存文本框中的值，在第一列-td:first
• 要在列中设置值 - <td>，您需要使用 .text() 和 .val() 来获取文本框值。

---

$('#ActivateButtonId').click(function(){
    $('.table tr td:first').text($('input[type="text"]').val());
});