小编use*_*640的帖子

从html表中选择一行,然后单击按钮发送值

我有HTML表格,我需要选择一行并将其第一个单元格ID发送到按钮onclick,然后按钮将所选值发送到Javascript中的函数.我怎样才能做到这一点?

test.html:

<table id="table">
        <tr>
            <td>1 Ferrari F138</td>
            <td>1 000€</td>
            <td>1 200€</td>

        </tr>
        <tr>
            <td>2 Ferrari F138</td>
            <td>1 000€</td>
            <td>1 200€</td>

        </tr>
        <tr>
            <td>3 Ferrari F138</td>
            <td>1 000€</td>
            <td>1 200€</td>

        </tr>
    </table>
    <input type="button" id="tst" value="OK" onclick="fnselect()" />
Run Code Online (Sandbox Code Playgroud)

test.js:

var table = document.getElementById('table'),
    selected = table.getElementsByClassName('selected');
table.onclick = highlight;
function highlight(e) {
    if (selected[0]) selected[0].className = '';
    e.target.parentNode.className = 'selected';
}
function fnselect(){
var $row=$(this).parent().find('td');
    var clickeedID=$row.eq(0).text();
    alert(clickeedID);
}
Run Code Online (Sandbox Code Playgroud)

test.css:

td {border: 1px #DDD solid; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

27
推荐指数
2
解决办法
17万
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1