Братья, всем добра, прошу помощи - имеется код переводчика (ниже). Как сделать, чтобы при вводе букв в поле ввода ниже него выпадал список с словами и их переводом. Допустим ввёл букву "p" в списке выпадают слова и их перевод, pen - ручка, parliament - парламент и тд. Ввёл "pa" выпадают слова и их перевод, которые начинаются на "pa" - parliament - парламент, pay - платить, part - часть и тд. Код (Text): <script type="text/javascript" language="javascript"> var translations = { "apple" : "Яблоко", "and" : "И", "angry" : "злой", "animal": "животное", "ball" : "мяч", "cafe" : "кафе", "coffee" : "кофе", "beach" : "пляж", "pen" : "Ручка", "parliament" : "парламерт", "paint" : "рисовать", "part" : "часть", "pay" : "платить", } function translate(word) { document.getElementById('result').innerHTML = word in translations ? "Переведённое слово - " + translations[word] : "В словаре такого слова нет!"; } window.addEventListener("load", function() { document.getElementById('translateButton').addEventListener("click", function(){ var word = document.getElementById('word').value; translate(word); }); }); </script> <HTML><BODY> <div> <h4>Введите слово</h4> <input type='text' id='word'> <button id='translateButton'>Перевести</button> </div> <div id='result'></div> </BODY> </HTML>
Спасибо, но не совсем то, там при вводе одной буквы выдаёт все в которых есть данная буква, а не начинающиеся на введенную букву/буквы
1. Наверняка там есть настройки. 2. Данный элемент присутствует в любом UI-фреймворке, не только в jquery - ищите и обрящете основное вы теперь знаете
во первых твой скрипт написан выше элемента по которому ты сделал событие (и он скорее всего не работает) напиши перед закрывающим тегом body (либо вызывай его после того как отработает полная загрузка документа document.ready = f() {//to do}) Во вторых если тебе нужно отслеживать события нажатия на клавиатуре ты использовал не верный обработчик события тебе нужно или onkeyup или onkeydown