当使用jquery单击表行时,如何从表行写入数据?

时间:2021-01-19 09:51:46

To explain further... I have an asp.net table and textbox. There are multiple rows in the table. Right now, I have some jquery code that allows users to click on rows and it will find a link in the row and take the user to that url. Here is my code:

进一步解释......我有一个asp.net表和文本框。表中有多行。现在,我有一些jquery代码允许用户点击行,它会在行中找到一个链接并将用户带到该URL。这是我的代码:

            <script type="text/javascript">
            var selected = null;
            $(document).ready(function () {
                $("#<%=orders_data.ClientID%>").find("tr").click(function () {
                    $(selected).removeClass("selected");
                    $(this).addClass("selected");
                    selected = this;
                });

                $("#<%=orders_data.ClientID%>").find("tr").click(function () {
                    var href = $(this).find("a");
                    href.attr("target", "_blank");
                    window.open(href.attr("href"))
                });

            });
        </script>

Now, instead of finding the a tag and opening the link, how can I make jquery take data from the selected row in the table "orders_data" and write this data in a textbox? Let me know if I need to further clarify anything!

现在,我不是找到一个标签并打开链接,而是如何让jquery从表“orders_data”中的选定行中获取数据并将这些数据写入文本框?如果我需要进一步澄清任何事情,请告诉我!

1 个解决方案

#1


1  

Please try using this

请尝试使用此功能

$('#<%=orders_data.ClientID%> td').click(function(){

   var row_index = $(this).parent().index();
    alert(row_index);
   var col_index = $(this).index();
    alert(col_index);
    $tr=$(this).parent();
    alert($tr);
    var data1=$tr.find("td").eq(1).html();
    var data1=$tr.find("td").eq(1).html();
    alert(data1);
    $('#<%=asp.net_textID%>"').val(data2);
});

Logic

逻辑

  1. get the current td using $(this).
  2. 使用$(this)获取当前的td。
  3. get the current td's parent ie tr using $(this).parent().
  4. 使用$(this).parent()获取当前td的父级即tr。
  5. find the td using the index.
  6. 使用索引找到td。

Live demo at here

现场演示

#1


1  

Please try using this

请尝试使用此功能

$('#<%=orders_data.ClientID%> td').click(function(){

   var row_index = $(this).parent().index();
    alert(row_index);
   var col_index = $(this).index();
    alert(col_index);
    $tr=$(this).parent();
    alert($tr);
    var data1=$tr.find("td").eq(1).html();
    var data1=$tr.find("td").eq(1).html();
    alert(data1);
    $('#<%=asp.net_textID%>"').val(data2);
});

Logic

逻辑

  1. get the current td using $(this).
  2. 使用$(this)获取当前的td。
  3. get the current td's parent ie tr using $(this).parent().
  4. 使用$(this).parent()获取当前td的父级即tr。
  5. find the td using the index.
  6. 使用索引找到td。

Live demo at here

现场演示