Note that there are some explanatory texts on larger screens.

plurals
  1. POCopy value of textfield into row of a table in html
    primarykey
    data
    text
    <p>The table has 3 columns, the second column (User Defined) has it's default value is coming from database, user defined is a textfield. The user may change the default value, currently in use shows the value which is being used either default or user defined. </p> <p>Here is the code snippet</p> <pre><code>&lt;display:table name="loadData" style="float:left;"&gt; &lt;display:column property="inUse" title="Default Value" class="colId"/&gt; &lt;display:column title="User Defined" class="colId"&gt; &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt; &lt;/display:column&gt; &lt;display:column property="inUse" title="In Use" class="colId"/&gt; &lt;display:caption style="font-weight:bold"&gt;Selected Region&lt;/display:caption&gt; &lt;/display:table&gt; </code></pre> <p>Now my problem is....how to change the default value to the values entered by user. Its been more than one day I'm researching on this.</p> <p>Also can I remove the Currently in use column and directly change the user defined value to the default value..... </p> <p>Here is the html output...</p> <pre><code>&lt;table style="margin: auto;"&gt; &lt;caption style="font-weight:bold"&gt;Average Vehicle Occupancy&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;&lt;/th&gt; &lt;th&gt;Default Value&lt;/th&gt; &lt;th&gt;User Defined&lt;/th&gt; &lt;th&gt;In Use&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt; &lt;tbody&gt; &lt;tr class="odd"&gt; &lt;td class="colId"&gt;Auto-Drive Alone&lt;/td&gt; &lt;td class="colId"&gt;1.55&lt;/td&gt; &lt;td class="colId"&gt; &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt; &lt;/td&gt; &lt;td class="colId"&gt;1.55&lt;/td&gt;&lt;/tr&gt; &lt;tr class="even"&gt; &lt;td class="colId"&gt;Auto-Rideshare&lt;/td&gt; &lt;td class="colId"&gt;2.35&lt;/td&gt; &lt;td class="colId"&gt; &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt; &lt;/td&gt; &lt;td class="colId"&gt;2.35&lt;/td&gt;&lt;/tr&gt; &lt;tr class="odd"&gt; &lt;td class="colId"&gt;Vanpool&lt;/td&gt; &lt;td class="colId"&gt;7.2&lt;/td&gt; &lt;td class="colId"&gt; &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt; &lt;/td&gt; &lt;td class="colId"&gt;7.2&lt;/td&gt;&lt;/tr&gt; &lt;tr class="even"&gt; &lt;td class="colId"&gt;Public Transport&lt;/td&gt; &lt;td class="colId"&gt;24&lt;/td&gt; &lt;td class="colId"&gt; &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt; &lt;/td&gt; &lt;td class="colId"&gt;24&lt;/td&gt;&lt;/tr&gt; &lt;tr class="odd"&gt; &lt;td class="colId"&gt;Others&lt;/td&gt; &lt;td class="colId"&gt;1.67&lt;/td&gt; &lt;td class="colId"&gt; &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt; &lt;/td&gt; &lt;td class="colId"&gt;1.67&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt; </code></pre> <p>Finally i am able to make them editable....by this code</p> <pre><code>$(function(){ $("tr").click ( function(){ if ( !$(this).hasClass('clicked') ) { $(this).children('td').each ( function() { var cellValue = $(this).text(); $(this).text('').append ( "&lt;input type='text' value='" + cellValue + "' size='10' /&gt;" ); }); $(this).addClass('clicked'); } }); });\ </code></pre> <p>But now my problem is how to store the new values in database.....? :(:(</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload