JQuery автозаполнение - JavaScript, Ajax

Olejik · 22.05.2012, 10:52

Добрый день! Появилась проблем, сначало предоставлю код, а потом объясню в чем загвоздка

index.html

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Автозаполнение</title>
<style>
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li {
	position:relative;
    margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	z-index:99999;
	background-color:white;
}
#input {
  position:absolute;
  top:10px;
  left:170px;
  width:240px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
</style>
<script type="text/javascript" src="/scripts/jquery/jquery-1.2.6.js"></script>
<script type="text/javascript" src="/basic/js/jquery.autocomplete.js"></script>
<script type='text/javascript' src='/basic/js/basic.js'></script>
<script type="text/javascript">
  $(document).ready(function(){
	  document.getElementById("name").onkeyup = function(){
		  $("#"+this.id).autocompleteArray(f1(),{
			  delay:10,
			  minChars:0,
			  matchSubset:1,
			  autoFill:false,
			  maxItemsToShow:10,
			  onItemSelect:selectItem
		  });
	  }
  });
  function f1()
  {
	  var m=[];
	  m.push('Магадан');
	  m.push('Москва');
	  m.push('Санкт-Петербург');
	  m.push('Хабаровск');
	  m.push('Архангельск');
	  m.push('Котлас');
	  return m;
  }
  function selectItem(li) {
	  if( li == null )
		  var sValue = 'А ничего не выбрано!';
	  if( !!li.extra )
		  var sValue = li.extra[2];
	  else
		  var sValue = li.selectValue;
	  alert("Выбрана запись с ID: " + sValue);
  }
</script>
</head>

<body>
	Имя <input type="text" class="input name" id="name"><br>
</body>
</html>

при набирании текста в поле input ни чего не происходит, но сняв фокус с него и опять к этому инпуту перейти - скрипт автозаполнения начинает работать, подскажите пожалуйста в чем может быть проблема?

A_r_r_a_y · 23.05.2012, 07:31

измените инициализацию плагина на следущую:

Код:

  $(document).ready(function(){
	  $(".input.name").autocompleteArray(f1(),{
			  delay:10,
			  minChars:0,
			  matchSubset:1,
			  autoFill:false,
			  maxItemsToShow:10,
			  onItemSelect:selectItem
	});
  });

23.05.2012, 07:31	#2
A_r_r_a_y Форумчанин Регистрация: 01.03.2008 Сообщений: 165	измените инициализацию плагина на следущую: Код: `$(document).ready(function(){ $(".input.name").autocompleteArray(f1(),{ delay:10, minChars:0, matchSubset:1, autoFill:false, maxItemsToShow:10, onItemSelect:selectItem }); });`

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Автозаполнение	DirectRaw	Microsoft Office Excel	1	14.03.2012 13:05
Автозаполнение.	Petronix	Microsoft Office Excel	4	28.12.2010 22:19
автозаполнение	dyusha2006	Microsoft Office Excel	4	21.06.2010 00:22
Автозаполнение.	ksu25	Microsoft Office Excel	3	06.10.2009 18:50
Автозаполнение!	ANT35	Microsoft Office Access	1	30.10.2008 08:24