2016-08-02 118 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