我需要突出显示哪个过程然后自动保存 - JavaScript

时间:2017-11-28 20:02:39

标签: javascript php

所以我知道我想做什么,但不知道在哪里看或从哪里开始。

我希望能够选择一行,突出显示行并将变量自动保存到数据库中。

下面的代码是我想要完成的,没有OK按钮,但它只是一个例子。

以为我可以使用JavaScript并将变量传递给PHP,但看起来我必须调用一个动作才能做到这一点,无论如何我可以做我想要的而不点击按钮?

有点迷失,只需指向正确的方向。

<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()" />


<script>
    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 phpValue = $("tr.selected td:first" ).html();
        alert (phpValue);
    }
</script>

http://jsfiddle.net/Z22NU/1/

所以我试过

1 个答案:

答案 0 :(得分:0)

是的,@ nogad说... ajax:

function fnselect(){
    var phpValue = $("tr.selected td:first" ).html();
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'yourwebsite.com/your_php_file.php?phpValue='+phpValue);
    xhr.send();
}

然后在你的php文件中你会读到这样的值:$foo = $_GET['phpValue'];