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> Сейчас все делает тока выбирает все подряд а хотелось бы тока нужный элемент списка или тока нужный параграф по которому был произведен клик. |
Здесь вам поможет делегирование событий.
У вас остается обработчик $("#suggest_div_list").click, но содержимое меняется :) Вот хорошая статья на эту тему |
Попробовал так как написано примеры работают, а нужный код нет.
("#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 Доходит до первой строчки и все. |
| Часовой пояс GMT +3, время: 14:07. |