jQuery表排序器过滤器';重置搜索';不重置选择菜单';s占位符

jQuery表排序器过滤器';重置搜索';不重置选择菜单';s占位符,jquery,tablesorter,Jquery,Tablesorter,在我们公司的待办事项列表中使用了jQuery Tablesorter和jQuery Tablesorter筛选器,并且在大多数情况下工作得非常出色。我遇到的一个问题是“重置搜索”按钮 “重置搜索”按钮会重置结果以删除所有搜索筛选器,但“选择”菜单的占位符不会重置为默认值。以下是事件的顺序: -默认占位符:“选择一个值” -在选择菜单中选择一个选项,如“值#1” -使用“重置搜索”按钮重置筛选结果,结果将被重置,但占位符仍为“值#1” 我缺少什么来纠正这个问题?单击“重置搜索”按钮时,演示将重置选

在我们公司的待办事项列表中使用了jQuery Tablesorter和jQuery Tablesorter筛选器,并且在大多数情况下工作得非常出色。我遇到的一个问题是“重置搜索”按钮

“重置搜索”按钮会重置结果以删除所有搜索筛选器,但“选择”菜单的占位符不会重置为默认值。以下是事件的顺序:

-默认占位符:“选择一个值” -在选择菜单中选择一个选项,如“值#1” -使用“重置搜索”按钮重置筛选结果,结果将被重置,但占位符仍为“值#1”

我缺少什么来纠正这个问题?单击“重置搜索”按钮时,演示将重置选择菜单的占位符

jQuery
    $( '#todo-list' ).tablesorter( {
    widgets: ["filter"],
    widgetOptions : {filter_reset : '.reset'}

$this->list .= '<thead><tr>';
    $this->list .= '<th id="checkbox-col" class="sorter-false filter-false"></th>';
    $this->list .= '<th id="item-col" data-placeholder="Enter search term">'.apply_filters( 'ctdl_heading_item', esc_html__( 'Item', 'cleverness-to-do-list' ) ).'</th>';
    /** @var $priority int */
    if ( $priority == 1 ) $this->list .= '<th id="priority-col">'.apply_filters( 'ctdl_heading_priority', esc_html__( 'Priority', 'cleverness-to-do-list' ) ).'</th>';
    /** @var $progress int */
    if ( $progress == 1 && CTDL_Loader::$settings['show_progress'] == 1 ) $this->list .= '<th id="progress-col">'.apply_filters( 'ctdl_heading_progress', esc_html__( 'Progress', 'cleverness-to-do-list' ) ).'</th>';
    /** @var $categories int */
    if ( $categories == 1 && CTDL_Loader::$settings['categories'] == 1 ) $this->list .= '<th id="category-col" class="filter-select" data-placeholder="Filter">'.apply_filters(
        'ctdl_heading_category', esc_html__( 'Expeditor',
        'cleverness-to-do-list' ) ).'</th>';
    if ( CTDL_PP ) $this->list .= '<th id="planner-col">'.apply_filters( 'ctdl_heading_planner', esc_html__( 'Post Planner', 'cleverness-to-do-list' ) ).'</th>';
    /** @var $assigned int */
    if ( $assigned == 1 && ( CTDL_Loader::$settings['assign'] == 0 && ( CTDL_Loader::$settings['list_view'] != 0 && CTDL_Loader::$settings['show_only_assigned'] == 0
            && ( current_user_can( CTDL_Loader::$settings['view_all_assigned_capability'] ) ) ) || ( CTDL_Loader::$settings['list_view'] != 0 && CTDL_Loader::$settings['show_only_assigned'] == 1 )
            && CTDL_Loader::$settings['assign'] == 0 ) ) $this->list .= '<th id="assigned-col" class="filter-select" data-placeholder="Filter">'.apply_filters( 'ctdl_heading_assigned',
        esc_html__( 'Assigned to', 'cleverness-to-do-list' ) ).'</th>';
jQuery
$(“#待办事项列表”)。表排序器({
小部件:[“过滤器”],
widgetOptions:{filter_reset:'.reset'}
$this->list.='';
$this->list.='';
$this->list.='''.apply_filters('ctdl_heading_item',esc_html_uu('item','cliverness to do list'))';
/**@var$priority int*/
如果($priority==1)$this->list.=''.apply_过滤器('ctdl_heading_priority',esc_html__('priority','cliverness to do list'))。'';
/**@var$progress int*/
如果($progress==1&&CTDL\u Loader::$settings['show\u progress']==1)$this->list.=''。应用过滤器('CTDL\u heading\u progress',esc\u html\u('progress','cliverness to do list'))。';
/**@var$categories int*/
如果($categories==1&&CTDL\u加载程序::$settings['categories']==1)$this->list.=''。应用过滤器(
“ctdl标题”类别、“esc html”(“Expeditor”,
“聪明待办事项清单”);
if(CTDL_PP)$this->list.=''.apply_过滤器('CTDL_heading_planner',esc_html_('Post planner','cliverness to do list'))。';
/**@var$assigned int*/
如果($assigned==1&&(CTDL_加载器::$settings['assign']==0&&(CTDL_加载器::$settings['list_view']!=0&&CTDL_加载器::$settings['show_only_assigned']==0
&&(当前用户可以(CTDL_加载器::$settings['view_all_assigned_capability')))(CTDL_加载器::$settings['list_view'!=0&&CTDL_加载器::$settings['show_only_assigned']=1)
&&CTDL_加载器::$settings['assign']==0))$this->list.=''。应用过滤器('CTDL_heading_assigned',
esc_html_uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu;
为表生成的HTML:

<tr class="tablesorter-filter-row">
    <!--The below <td> correctly resets to the placeholder "Enter search term" when the reset button is clicked-->
    <td>
        <input class="tablesorter-filter" type="search" placeholder="Enter search term" data-column="1" style="width: 98%;"></input>
    </td>
    <!--The below <td> does not reset to the placeholder "Filter" when the reset button is clicked-->
    <td>
        <div id="msdrpdd20_msddHolder" class="ddOutOfVision" style="height: 0px; overflow: hidden; position: absolute;">
            <select id="msdrpdd20" class="tablesorter-filter" data-column="2" tabindex="-1">
                <option value="">
                    Filter
                </option>
                <option value="Carlos">
                    Carlos
                </option>
            </select>
        </div>
        <div id="msdrpdd20_msdd" class="dd ddcommon borderRadius" style="width: 56px;" tabindex="0"> … </div>
    </td>
</tr>

滤器
卡洛斯
… 

为表生成的html是什么?我在上面的代码中没有看到类名为
reset
的元素;但基本上,这个reset按钮所做的就是清除所有过滤器(即将所有输入/选择值设置为空字符串)。为了更好地提供帮助,请报告任何javascript错误(按F12,转到控制台)和/或共享演示,或显示生成的HTML。-更新OP以显示生成的HTML。-控制台中无错误再次更新OP。