Показать сообщение отдельно
  #1 (permalink)  
Старый 15.01.2014, 15:49
Новичок на форуме
Отправить личное сообщение для loko Посмотреть профиль Найти все сообщения от loko
 
Регистрация: 15.01.2014
Сообщений: 5

Событие click срабатывает только при повторном нажатии (через ON)
вкратце, при вводе в input названия города всплывает окошко с подсказкой доступных городов, соответственно при клике на подсказку выбранный город записывается в input. Все работает, только после 2 клика по подсказке
<style>

.input_form { position:relative; float: left; width:387px;  margin-top:10px; height:50px;   }
.input_form input{ border: none; position:absolute; display:block; padding:0 5px; width:250px; line-height:23px; height:23px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; background:#d9d9d9;}
.from_help { position:absolute; left:0; top:23px; border:1px solid #d9d9d9; padding:0 4px; width:250px; border-top:none; background:#fff; z-index:2; }



</style>

<div class="input_form"><input id="from" type="text" />
<div id="from_help" class="from_help "></div>
</div>

<script type="text/javascript" src="http://yandex.st/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">


var town_from = new Array(
    'Альметьевск',
    'Москва',
    'Армавир', 
    'Артем', 
    'Архангельск', 
    'Астрахань', 
    'Балаково', 
    'Барнаул', 
    'Белгород', 
    'Березники', 
    'Бийск', 
    'Благовещенск', 
    'Борисоглебск', 
    'Братск', 
    'Брянск', 
    'Буденновск', 
    'Великий Новгород', 
    'Владивосток', 
    'Волгоград', 
    'Волжский', 
    'Вологда', 
    'Воронеж', 
    'Дзержинск', 
    'Екатеринбург', 
    'Иваново', 
    'Ижевск', 
    'Иркутск', 
    'Йошкар-Ола', 
    'Казань', 
    'Калининград', 
    'Каменск-Уральский', 
    'Кемерово', 
    'Киров', 
    'Кострома', 
    'Краснодар', 
    'Красноярск', 
    'Курган', 
    'Курск', 
    'Липецк', 
    'Магнитогорск', 
    'Миасс', 
    'Мурманск', 
    'Набережные Челны'


) 

$(document).ready(function(){
    $("#from").on("keyup change", function(){  
        var str=$(this).val().toLowerCase();

		var from_result='';
		$('#from_help').empty();
        if ($(this).val() == '') {from_result ='<div class="nothing">ничего не найдено</div>';}
	    else 
        {
			  var count=0;
			   
			  for (i in town_from) 
				  {  
				  
				  if (count < 10) 
				     {      
					  var temp=town_from[i].toLowerCase();
					 
					  if (temp.indexOf(str)==0)
						  {
						  $('#from_help').append('<div class="add" >'+town_from[i]+'</div>');
						  count++;
						  } 
				     }
				  }
				
		   if (count < 10)
			  {
                 for (i in town_from) 
			        {     
				      if (count < 10) 
						     {      
						        var temp=town_from[i].toLowerCase();
                                if (temp.indexOf(str)!=-1)
					  			   {
                                    $('#from_help').append('<div class="add" >'+town_from[i]+'</div>');
							        count++;
					   			   } 
			 				 }
			         }  
			   }
		   if (count==0) {$('#from_help').append('<div class="nothing">ничего не найдено</div>');}

}
			 
   
	})
	


  
  
 })
 
 
 
$(document).ready(function(){
	
$('#from_help').on('click','.add',function () {
            
		     
			
			 $("#from").val($(this).text())
             $('#from_help').empty();
             alert ('working???');
        });		
})
 
 //   добавление  полей 

</script>

С чем это связано ?
Ответить с цитированием