1

変えられなくて困ってるドロップダウン リストの変更イベントに基づく Html テーブルのテキスト。

まず、Html テーブル定義を含む div セクションと、ドロップダウン リストを次に示します。

    <div class="floatleft">        
    <span style="margin-left:250px;">Portfolio Filter: </span>
    <select id="drpPortFilters">
        <option>Select a portfolio filter</option>
    </select>

    <div class="PortfolioList"> <!-- PORTFOLIO TABLE ! -->
        <table id="pftable">
            <caption>Portfolio Exposures</caption>
            <tbody></tbody>
        </table>            
    </div>
</div>

ここにjquery document.ready() セクションがあります...

注: 「selValue」は実際に割り当てられています。そして、 alert() は私に良い値を示しています!

ただし、'#pftable' はどうにか失われています...つまり、このセクションではキャプションは変更されません!

    $(document).ready(function () {
    // Initialize Trade Contribs table (see html table below)
    var oTable = $('#contribtable').dataTable();

    // Portfolio Filters change event !!
    $('#drpPortFilters').change(function () {
        var selValue = $('#drpPortFilters option:selected').text(); //$(this).val(); 
        alert(selValue);
        $('#pftable').find("caption").text(selValue);            
    });
});

奇妙なことに、別のセクションのテキストをまとめて変更することに成功しています。つまり、datatable プラグインを介して Datatable() にデータを入力した後です。

おそらく、datatables が jQuery を使用した従来のリファレンスの邪魔になっているのでしょう。

これに関する考えやアイデアはありますか???

前もって感謝します.....ボブ

4

1 に答える 1

6

私のテストケースはここにあります: http://live.datatables.net/oxeqij/19/edit#source

最後に、HTMLテーブル「pftable」の「id」属性をオーバーライドするDatatablesでスクロールを使用しています。したがって、 $('#pftable')を使用して Html テーブルのハンドルを取得できません。

つまり、html テーブルにclass="pftable"を追加し、次のように jQuery select を記述する必要があります。

    $('**.pftable**').find("caption").text(selValue);

これにより、最終的に Html テーブルのテキストを動的に変更できるようになりました。

よろしく。ボブ

于 2012-10-01T14:02:11.683 に答える