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() 之后。

也许数据表妨碍了使用 jQuery 的传统参考。

对此有任何想法或想法？？？

提前谢谢.....鲍勃

4

1 回答 1

6

我的测试用例在这里： http: //live.datatables.net/oxeqij/19/edit#source

最后，我在 Datatables 中使用滚动，它覆盖了我的 html 表“pftable”的“id”属性。所以我无法使用$('#pftable')处理我的 Html 表。

所以底线是我需要在我的 html 表中添加class="pftable"，然后编写 jQuery 选择如下：

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

这最终使我能够动态更改我的 Html 表的文本。

问候。鲍勃

于 2012-10-01T14:02:11.683 回答