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, время: 07:18. |