2016-08-02 98 views
-1

我想要一個用戶可以指定單詞或字符串列表(例如「www。」,「.com」,「Random Word」)的輸入區域。將從用戶提交的單詞列表中過濾掉。我已經看到了.map和.replace的使用,但我不確定如何使用某人提交的輸入。刪除用戶從單詞列表中選擇的單詞

感謝您的幫助。

+2

您應該添加代碼的摘錄。 – TyrionGraphiste

回答

0

以下將搜索文本字段(searchTerm)中每個單詞的data數組。目前它將空間術語分開,但您可以輕鬆地將其改爲逗號或其他任意數量的拆分方式,包括使用正則表達式以允許使用多個單詞搜索術語(即「隨機單詞」)。搜索詞中的任何內容都將從數組中過濾到result變量中。搜索區分大小寫(也易於更改)。

var data = [ 'Hello', 'World' ]; 
 

 
function buttonClicked() { 
 
    var element; 
 
    element = document.getElementById('searchTerm'); 
 
    var searchTerms = element.value.split(' '); 
 
    var result = data.filter(
 
     e => -1 == searchTerms.indexOf(e) 
 
    ); 
 
    console.log(result); 
 
} 
 

 
function init() { 
 
    var element; 
 
    element = document.getElementById('button'); 
 
    element.addEventListener('click',buttonClicked,false); 
 
} 
 

 
window.addEventListener('DOMContentLoaded', init, false);
<body> 
 
    <form> 
 
    <input id='searchTerm' type='text'> 
 
    <input id='button' type='button'> 
 
    </form> 
 
</body>

+0

感謝您的快速回復,我會讓我更新一次我的代碼。 – Pyreal