使用Javascript内联编辑HTML表格

问题描述

我有一个像下面这样的html表，所以我需要使用javascript内联编辑单元格值。

I have one html table like below, so i need to edit cell values inline using javascript.

<table id="myTable" width="50%">
    <tr>
        <% Html.BeginForm("Add","Holidays", FormMethod.Post); %>
            <td><input id="Date" type="text" name="date" style="width:250px"/></td>
            <td><input id="Description" type="text" name="Description" style="width:250px"/></td>
            <td><input type="submit" name="submitButton" value="Add" class="highlight"/></td>
        <% Html.EndForm(); %>
    </tr>
        <tr>
            <th>Date</th>
            <th>Description</th>
            <th>Edit</th>
        </tr>
    <%foreach (Holiday kvp in (IList<Holiday>)ViewData["Holidays"])
      {%>
    <tr>
        <td><%= kvp.Date.ToString("dd/MM/yyyy") %></td>
        <td><%= kvp.Description %></td>
        <td><%: Html.ActionLink("Edit", "Edit", "Holidays", new { year = kvp.ID.ToString("yyyy"), holidayid = kvp.ID, name = kvp.Description, date = kvp.Date },  new { @style = "color:Blue;font-size: 11px;text-decoration:none;" })%></td>
    </tr>
    <%} %>



    </table>

请帮助我。



编辑：

我的意思是在客户端编辑选项，如下所示



日期说明

01/0 1/2013测试1



现在，如果我希望更改日期为02/02/2013内联使用javascript，当我点击该日期时，只需在客户端更改，如描述。



问候

Srinivas

Please can help me.


I mean just edit option on client side like below

Date Description
01/01/2013 Test1

now if i want change date as 02/02/2013 inline using javascript when i click on that date just change at client side like description.

Regards
Srinivas

推荐答案

这篇关于使用Javascript内联编辑HTML表格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！