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

时间:2014-06-17 07:44:35

标签: javascript jquery asp.net sql html5

我有一个包含6列的表,然后是一个文本框和一个提交按钮。 我正在寻找的是我在文本框中输入的信息将保存在其中一列中(或者像在当前为空的列中弹出一样)。 我不知道如何继续这一点,我一直在谷歌搜索,但都是徒劳。

我在jquery中做了一些事件,允许列在单击时切换颜色。 (这是针对单页应用程序的(当涉及数据库等时,我不使用php。)。

我很感激所有帮助!我是webdevelopment的新手,因为我只用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>

1 个答案:

答案 0 :(得分:0)

<强> Demo

检查一下,

  • 此代码段当前在第一列的文本框中保存值 - td:first
  • 要设置列中的值 - <td>,您需要使用.text().val()来获取文本框值。

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