3

まず初めに、Javascript と PHP の初心者であることをお許しください。

2 番目: いくつかの注文情報を含むテーブルがあり、各行の最初のセルは、その行から情報が表示される 2 番目のページに情報を送信する送信ボタンで構成されています。

誰かがマウスオーバーするまで送信ボタンが非表示になるように、小さな Javascript 関数を作成しました。しかし、私の問題は、ボタンの送信 ID が最初のボタンに割り当てられているため、どの行にマウスを置いても、最初の送信ボタンのみが表示されることです。

表示機能は次のとおりです。

    function showButton(id) 
    {
        var e = document.getElementById(id);
        if(e.style.display == 'block')
           e.style.display = 'none';
        else
           e.style.display = 'block';
    }

行は次のように定義されます。

    tr onmouseover='showButton("submitButton");'
                   onmouseout='showButton("submitButton");'>

そして、新しい行の反復ごとに生成されるボタンは次のとおりです。

    input type='submit' id='submitButton' value='Submit' 
                   style='cursor: pointer; display: none;' />

どんな助けでも大歓迎です。マウスオーバー時に各行の横に正しい送信ボタンが表示されるようにします。

4

1 に答える 1

4

これは、次のように CSS だけで簡単に実現できます。

tr input { display: none; }
tr:hover input { display: inline; }
于 2012-04-30T20:24:09.870 に答える