在jQuery中，如何基于下拉列表中的selectino更改Html表标题

根据下拉列表的更改事件更改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>

奇怪的是，我确实成功地将不同部分的文本一起修改了；也就是说，在我通过Datatable插件填充Datatable（）之后

也许datatables妨碍了使用jQuery的传统引用

对此有什么想法吗

提前谢谢。。。。。 Bob

我的测试用例在这里：

最后，我在Datatables中使用了滚动，它覆盖了html表“pftable”的“id”属性。因此，我无法使用$（“#pftable”）获取Html表的句柄

因此，底线是我需要在html表中添加class=“pftable”，然后编写jQuery选择，如下所示：

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

这最终允许我动态更改Html表的文本

问候。 Bob

我的测试用例在这里：

最后，我在Datatables中使用了滚动，它覆盖了html表“pftable”的“id”属性。因此，我无法使用$（“#pftable”）获取Html表的句柄

因此，底线是我需要在html表中添加class=“pftable”，然后编写jQuery选择，如下所示：

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

这最终允许我动态更改Html表的文本

问候。

---

Bob

如果您将所有这些代码放在jsfiddle.net中会很好，这样人们就可以播放并发回解决方案如果您将所有这些代码放在jsfiddle.net中会很好，这样人们就可以播放并发回解决方案