获取HTML表格行的编辑使用JavaScript/jQuery的

我使用这个代码通过jQuery的创建HTML表：获取HTML表格行的编辑使用JavaScript/jQuery的

<script src="jquery-1.9.1.js"></script> 
    <script> 
     function createTable() { 
      mytable = $('<table></table>').attr({ id: "basicTable" }); 
       var row = $('<tr></tr>').appendTo(mytable); 
       $('<td></td>').text($('#drpEnter').val()).appendTo(row); 
       $('<td></td>').text($('#txtAge').val()).appendTo(row); 
      mytable.appendTo("#box"); 
      $('#drpEnter').val(0); 
      return false; 
     }; 
    </script>

这里的“drpEnter”是一个下拉，“txtAge”是一个文本框和“盒子”是在asp.net一个div，你可以在这里看到：

<div id="divTabl"> 
     Name: 
     <asp:DropDownList ID="drpEnter" runat="server"> 
      <asp:ListItem Text="Hello" Value="Hello"></asp:ListItem> 
      <asp:ListItem Text="Where" Value="Where"></asp:ListItem> 
     </asp:DropDownList> 
     <br /> 
     Age: 
     <asp:TextBox runat="server" ID="txtAge"></asp:TextBox> 
    </div> 
    <asp:Button ID="btnclick" runat="server" OnClientClick="return createTable();" Text="Create Table" /> 
    <div id="box"> 
    </div>

我曾呼吁按钮的点击脚本功能，我的表是工作的罚款，并与每一个新的点击得到更新。

现在我希望我的表应该有一个“编辑”和“删除”按钮，单击编辑按钮时，应显示在“txtAge”文本框中，用户可以在其中编辑它，然后在按钮上单击表格应该获得更新，删除按钮应该删除特定的行。任何人都可以帮助我实现这个功能！

来源

2014-04-23 Anubhav Chaudhary

你有没有试图自己做这件事？如果是这样，你有什么具体问题？ –

是的，我试图做到这一点，但我不知道如何获得文本框中特定行的值 –

我已经通过我自己解决我的问题，谢谢大家不回答，因为如果有人对你会提供的答案，那么我会不会被自己:)试过这么多

这是解决方案：

<script> 
     $(document).ready(function() { 
      $(document).on('click', '#btnedt', function() { 
       debugger; 
       $('#drpEnter').val($(this).closest('tr').find('td:eq(0)').text()); 
       $('#txtAge').val($(this).closest('tr').find('td:eq(1)').text()); 
      }); 
     }); 
    </script>

这里#btnedt是通过使用jquery创建的动态按钮，该按钮将与每个新行来生成的，所以更新的代码，用于产生表如下：

<script> 
     function createTable() { 
      mytable = $('<table></table>').attr({ id: "basicTable" }); 
      if ($('#txtEnter').val() != "") { 
       var row = $('<tr></tr>').appendTo(mytable); 
       $('<td></td>').text($('#drpEnter').val()).appendTo(row); 
       $('<td></td>').text($('#txtAge').val()).appendTo(row); 
       $('<td><input type="button" id="btnedt" value="Edit" /></td>').appendTo(row); 
      } 
      mytable.appendTo("#box"); 
      $('#drpEnter').val(""); 
      $('#txtAge').val(""); 
      return false; 
     }; 
    </script>

我希望它能解决别人的问题。

来源

2014-04-25 05:34:56

获取HTML表格行的编辑使用JavaScript/jQuery的

回答

相关问题