Question

我希望能够使用函数清除jqm listview数据过滤器输入中的文本框。我正在使用JQM 1.3.2所以不能使用它似乎可以解决这个问题的可过滤小部件。

<ul id="external" data-role="listview" data-filter="true" data-filter-placeholder="Search all cards..." data-inset="true">

我觉得我应该可以使用：

$('#external').val("");

但它什么也没做。

我是否正确定位包含搜索字段的UL的ID？或者有没有办法为“listview数据过滤器”生成的文本字段分配一个ID？

Answer 1

我在这段代码中找到了答案：

<script>
    $(document).on('click', '#clear-filter', function(){       
        $('input[data-type="search"]').val('');
        $('input[data-type="search"]').trigger("keyup");
    });
</script>

<div data-role="content">
    <div data-role="fieldcontain">    
        <ul data-role="listview" data-filter="true">
            <li><a href=#>Cat</a></li>
            <li><a href=#>Dog</a></li>
            <li><a href=#>Mouse</a></li>
        </ul>
    </div>
    <div data-role="fieldcontain">       
       <input type="button" value="Clear" id="clear-filter"/>
    </div>
</div>

将id或类添加到jqm listview数据过滤器生成的文本输入框中

1 个答案: