从html表中选择一行(突出显示),并在单击按钮时发送值

雅各布·钟(Jacob Chong)

突出显示在网络浏览器中不起作用。此代码有什么问题?基本上,我想做一些突出显示表格行的操作,然后将表格行的值发布到另一个php页面。

test.html

<html>
<head>
<link href="test.css" rel="stylesheet" type="text/css" />
<script src="test.js" type="text/javascript"></script>
</head>
<body>
<table id="table">
    <tr>
        <td>1 Ferrari F138</td>
        <td>1 000€</td>
        <td>1 200€</td>
        <td>Model monopostu stajne Scuderia Ferrari pre sezónu 2013</td>
        <td>1</td>
        <td>F138</td>
        <td>Klik pre detaily</td>
    </tr>
    <tr>
        <td>2 Ferrari F138</td>
        <td>1 000€</td>
        <td>1 200€</td>
        <td>Model monopostu stajne Scuderia Ferrari pre sezónu 2013</td>
        <td>1</td>
        <td>F138</td>
        <td>Klik pre detaily</td>
    </tr>
    <tr>
        <td>3 Ferrari F138</td>
        <td>1 000€</td>
        <td>1 200€</td>
        <td>Model monopostu stajne Scuderia Ferrari pre sezónu 2013</td>
        <td>1</td>
        <td>F138</td>
        <td>Klik pre detaily</td>
    </tr>
</table>

    <input type="button" id="tst" value="OK" onclick="fnselect()" />
</body>
</html>

test.js

function highlight(e) {
    if (selected[0]) selected[0].className = '';
    e.target.parentNode.className = 'selected';

}

var table = document.getElementById('table'),
    selected = table.getElementsByClassName('selected');
table.onclick = highlight;

function fnselect(){
var $row=$(this).parent().find('td');
    var clickeedID=$row.eq(0).text();
   // alert(clickeedID);
}

$("#tst").click(function(){
    var value =$(".selected td:first").html();
    value = value || "No row Selected";
    alert(value);
});

测试。的CSS

td {border: 1px #DDD solid; padding: 5px; cursor: pointer;}

.selected {
    background-color: brown;
    color: #FFF;
}
Khyati

您不需要fnselect()函数

将您的js修改为:

window.onload = function () {
    function highlight(e) {
        if (selected[0]) selected[0].className = '';
        e.target.parentNode.className = 'selected';    
    }    
    var table = document.getElementById('table'),
        selected = table.getElementsByClassName('selected');
    table.onclick = highlight;

        $("#tst").click(function () {
        var value = $(".selected td:first").html();
        value = value || "No row Selected";
        alert(value);
    });
};

还要在html中的jtest之前添加jquery:

并最终使该行之一成为默认选中状态。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从html表中选择一行(突出显示),并在单击按钮时发送值

来自分类Dev

从html表中选择一行,并在单击按钮时发送值

来自分类Dev

单击表行时突出显示,并在单击下一行时禁用

来自分类Dev

HTML + JavaScript:如何在单击Javascript中的按钮时突出显示一行?

来自分类Dev

从数据表中选择一行以显示单选按钮值

来自分类Dev

尝试在用户单击时突出显示表中的一行

来自分类Dev

通过直接输入或按钮更改输入值时突出显示一行

来自分类Dev

如何从下拉菜单中选择多个值,并在单击提交按钮时将其显示在文本区域中?

来自分类Dev

单击按钮时突出显示行

来自分类Dev

在 Shiny Datatable 中选择并显示一行的值

来自分类Dev

Javascript仅从表的第一行中选择值

来自分类Dev

突出显示表格行并在表格行单击jQuery时选择单选输入

来自分类Dev

突出显示表格行并在表格行单击jQuery时选择单选输入

来自分类Dev

如何在 TableView (JAVAFX) 中选择/突出显示下一行

来自分类Dev

从主表中选择记录并在另一个表中选择每一行的计数

来自分类Dev

选择一行并单击数据表中的按钮后,获取表行的行ID

来自分类Dev

使用d3-如何在单击按钮时从数组中选择特定数据以突出显示?

来自分类Dev

在html表格中选择一行

来自分类Dev

SQL:从表中选择一行,并在其中包含包含该列的下一个值的其他列

来自分类Dev

SQL:从表中选择一行,并在其中包含包含该列的下一个值的其他列

来自分类Dev

如何获取表中选择行的值并合并它们并在输入文本中显示它们?

来自分类Dev

单击后突出显示上一行

来自分类Dev

单击装订线左侧时如何在 SynEdit 中选择一行?

来自分类Dev

从表中选择值并在一段时间后显示?

来自分类Dev

突出显示HTML表中的行(悬停在行和上一行上)

来自分类Dev

仅在DataGrid中选择一行时如何启用按钮?

来自分类Dev

使用jQuery移动(突出显示)HTML表中的最后一行

来自分类Dev

单击其中的按钮时,在列表框中选择行

来自分类Dev

如何强制按钮并在同一行上选择?

Related 相关文章

  1. 1

    从html表中选择一行(突出显示),并在单击按钮时发送值

  2. 2

    从html表中选择一行,并在单击按钮时发送值

  3. 3

    单击表行时突出显示,并在单击下一行时禁用

  4. 4

    HTML + JavaScript:如何在单击Javascript中的按钮时突出显示一行?

  5. 5

    从数据表中选择一行以显示单选按钮值

  6. 6

    尝试在用户单击时突出显示表中的一行

  7. 7

    通过直接输入或按钮更改输入值时突出显示一行

  8. 8

    如何从下拉菜单中选择多个值,并在单击提交按钮时将其显示在文本区域中?

  9. 9

    单击按钮时突出显示行

  10. 10

    在 Shiny Datatable 中选择并显示一行的值

  11. 11

    Javascript仅从表的第一行中选择值

  12. 12

    突出显示表格行并在表格行单击jQuery时选择单选输入

  13. 13

    突出显示表格行并在表格行单击jQuery时选择单选输入

  14. 14

    如何在 TableView (JAVAFX) 中选择/突出显示下一行

  15. 15

    从主表中选择记录并在另一个表中选择每一行的计数

  16. 16

    选择一行并单击数据表中的按钮后,获取表行的行ID

  17. 17

    使用d3-如何在单击按钮时从数组中选择特定数据以突出显示?

  18. 18

    在html表格中选择一行

  19. 19

    SQL:从表中选择一行,并在其中包含包含该列的下一个值的其他列

  20. 20

    SQL:从表中选择一行,并在其中包含包含该列的下一个值的其他列

  21. 21

    如何获取表中选择行的值并合并它们并在输入文本中显示它们?

  22. 22

    单击后突出显示上一行

  23. 23

    单击装订线左侧时如何在 SynEdit 中选择一行?

  24. 24

    从表中选择值并在一段时间后显示?

  25. 25

    突出显示HTML表中的行(悬停在行和上一行上)

  26. 26

    仅在DataGrid中选择一行时如何启用按钮?

  27. 27

    使用jQuery移动(突出显示)HTML表中的最后一行

  28. 28

    单击其中的按钮时,在列表框中选择行

  29. 29

    如何强制按钮并在同一行上选择?

热门标签

归档