2017-11-28 6 views
1

私は何をしたいのか分かりませんが、見た目や場所を明確にしていません。どのプロセスをハイライトしてから自動保存する必要がありますか - JavaScript

行を選択し、行を強調表示し、変数をデータベースに自動的に保存したいと考えています。

以下のコードは、[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/

だから私はうん、何@nogad言った...アヤックス

+0

基本的な答えはAJAXで、フィドルは+1です – nogad

答えて

0

を試してみました:

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'];

関連する問題