将textfield的值复制到html中的表的行中

Question

该表有3列，第二列（User Defined）有默认值来自数据库，用户定义是文本字段。用户可以更改默认值，当前使用中显示默认值或用户定义的值。

以下是代码段

<display:table name="loadData" style="float:left;">
       <display:column property="inUse" title="Default Value" class="colId"/>
       <display:column title="User Defined" class="colId">
           <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
       </display:column>
       <display:column property="inUse" title="In Use" class="colId"/>
       <display:caption style="font-weight:bold">Selected Region</display:caption>
</display:table>

现在我的问题是......如何将默认值更改为用户输入的值。 已经有一天多的时间我正在研究这个问题。

我也可以删除当前使用中的列并直接将用户定义的值更改为默认值.....

这是html输出......

<table style="margin: auto;">
<caption style="font-weight:bold">Average Vehicle Occupancy</caption>
<thead>
<tr>
<th></th>
<th>Default Value</th>
<th>User Defined</th>
<th>In Use</th></tr></thead>
<tbody>
<tr class="odd">
<td class="colId">Auto-Drive Alone</td>
<td class="colId">1.55</td>
<td class="colId">
                                <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
                            </td>
<td class="colId">1.55</td></tr>
<tr class="even">
<td class="colId">Auto-Rideshare</td>
<td class="colId">2.35</td>
<td class="colId">
                                <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
                            </td>
<td class="colId">2.35</td></tr>
<tr class="odd">
<td class="colId">Vanpool</td>
<td class="colId">7.2</td>
<td class="colId">
                                <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
                            </td>
<td class="colId">7.2</td></tr>
<tr class="even">
<td class="colId">Public Transport</td>
<td class="colId">24</td>
<td class="colId">
                                <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
                            </td>
<td class="colId">24</td></tr>
<tr class="odd">
<td class="colId">Others</td>
<td class="colId">1.67</td>
<td class="colId">
                                <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
                            </td>
<td class="colId">1.67</td></tr></tbody></table>

最后，我可以通过此代码使其可编辑....

$(function(){
                                            $("tr").click ( function(){
                                                if ( !$(this).hasClass('clicked') )
                                                {
                                                    $(this).children('td').each ( function() {
                                                        var cellValue = $(this).text();
                                                        $(this).text('').append ( "<input type='text' value='" + cellValue + "' size='10' />" );
                                                    });

                                                    $(this).addClass('clicked');
                                                }
                                            });
                                        });\

但现在我的问题是如何将新值存储在数据库中？ ：（：（