小编Ste*_*eve的帖子

Javascript搜索并显示匹配关键字的div

我在找什么:

我正在努力为用户创建一种简单的方法来搜索人员列表,并将结果立即显示在搜索字段下方.结果必须显示"关闭"结果,而不是精确.例如:用户搜索"史密斯先生"并显示以下现有结果:"John Smith"(因为没有"史密斯先生"条目,它显示一个带有关键字"史密斯")

是)我有的:

我有一个工作代码,允许用户输入一些字符,并显示包含与输入匹配的字符串的所有div(参见jsfiddle:http://jsfiddle.net/891nvajb/5/ Code也在下面)不幸的是,这只是显示完全匹配的结果.

<body>
	<input type="text" id="edit_search" onkeyup="javascript: find_my_div();">
	<input type="button" onClick="javascript: find_my_div();" value="Find">
        
<script>

function gid(a_id) {
	return document.getElementById (a_id)	;
}

  function close_all(){
  
  	for (i=0;i<999; i++) {
  		var o = gid("user_"+i);
  		if (o) {
  			o.style.display = "none";
  		}
  	}
  
  }


  function find_my_div(){ 
  	close_all(); 
  	
	var o_edit = gid("edit_search");
	var str_needle = edit_search.value;
	str_needle = str_needle.toUpperCase();
  
	if (str_needle != "") {
		for (i=0;i<999; i++) {
	  	var o = gid("user_"+i);
	  	if (o) { 
	  		
	  		var str_haystack …
Run Code Online (Sandbox Code Playgroud)

html javascript search user-input displayobject

6
推荐指数
1
解决办法
5481
查看次数

标签 统计

displayobject ×1

html ×1

javascript ×1

search ×1

user-input ×1