Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.12.2009, 03:37
Аспирант
Отправить личное сообщение для alexandre Посмотреть профиль Найти все сообщения от alexandre
 
Регистрация: 23.03.2009
Сообщений: 44

jquery выбор нужного элемента из списка
Понадобилось сделать чтоб при двойном щелчке по инпуту появлялся див с значениями из базы и при щелчке по нужному значению оно записывалось в инпут.
Вроде все поучилось только не как не получится выбрать нужное значение получается или все подряд выбирается или вообще ничего не выбирается.
Пробовал выводить и как список
echo "<ul>";
	while($row = mysql_fetch_array($result))
  		{ echo ("<li>" . htmlspecialchars($row['name_product']) . "</li>"); }  
 echo "</ul>";

И параграфами
while($row = mysql_fetch_array($result))
  	{ echo ( "<p>" . htmlspecialchars($row['name_product']) . "</p>"); }


Собственно jquery:
$(document).ready(function(){    

$("#suggest_input").dblclick(function(){
		$('#suggest_div_list').show();
			 })
		
	get_suggest_ajax();
	
	
	$("#suggest_div_list").click(function(){
		var get_prod = $(this).find("p").text();
		alert(get_prod);
		$("#suggest_input").val(get_prod);
		$('#suggest_div_list').hide();
		
	})
});

и html
<input size="10" type="text" id="suggest_input" name="suggest"/>
<div class="suggestionsBox" id="suggest_div_list" style="display: none;"></div>

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

Последний раз редактировалось alexandre, 10.12.2009 в 03:46.
Ответить с цитированием
  #2 (permalink)  
Старый 10.12.2009, 11:30
Аватар для Snowcore
Аспирант
Отправить личное сообщение для Snowcore Посмотреть профиль Найти все сообщения от Snowcore
 
Регистрация: 02.06.2009
Сообщений: 92

Здесь вам поможет делегирование событий.
У вас остается обработчик $("#suggest_div_list").click, но содержимое меняется
Вот хорошая статья на эту тему
Ответить с цитированием
  #3 (permalink)  
Старый 11.12.2009, 02:07
Аспирант
Отправить личное сообщение для alexandre Посмотреть профиль Найти все сообщения от alexandre
 
Регистрация: 23.03.2009
Сообщений: 44

Попробовал так как написано примеры работают, а нужный код нет.
("#suggest_div_list").click(function(ev){
		var get_prod = $("p").text(ev.target);
		//alert(get_prod);
		$("#suggest_input").val(get_prod);
		$('#suggest_div_list').hide();
	})

В консоли ошибок выдает:
Ошибка: "#suggest_div_list".click is not a function
Доходит до первой строчки и все.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выбор элементов и построение списка выбранных элементов. madgals Events/DOM/Window 6 14.04.2009 21:30
Выбор фреймворка маина Библиотеки/Тулкиты/Фреймворки 12 14.03.2009 21:21
раскрывать/скрывать <td> при выборе определенного элемента списка zip Элементы интерфейса 2 19.01.2009 12:58