2017-10-10 36 views
0

我希望能夠使用功能來清除文本框的列表視圖JQM數據濾波器輸入。我使用的是JQM 1.3.2,所以不能使用它可以解決這個問題的可過濾部件。添加ID或類JQM列表視圖的數據過濾器生成的文本輸入框

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

我覺得我應該能夠使用:

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

但不起任何作用。

我是否有權定位包含搜索字段的UL ID?或者是有一個ID分配給所生成的「數據過濾列表視圖」文本字段的方法嗎?

回答

0

我找到了答案在此位的代碼:

<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> 
相關問題