Событие jQuery Trigger onKeyup

Question

У меня есть МЕНЮ ВЫБРАТЬ СПИСОК , содержащую продукты, и в этом меню я использую onChangeevent. когда вы выбираете какой-либо продукт, он загружает название компании этого продукта. Ниже приведена функция, которую я использовал,

function getcompany(element) {        

        var strURL="getcompany.php?product="+element.value; 
        var req = getXMLHTTP();

        if (req) {

            req.onreadystatechange = function() {
                if (req.readyState == 4) {
                    // only if "OK"
                    if (req.status == 200) {   

                        element.parentNode.parentNode.getElementsByClassName('companydiv')[0].innerHTML=req.responseText;                       
                    } else {
                        alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                    }
                }               
            }           
            req.open("GET", strURL, true);
            req.send(null);
        }       
    }

И мой HTML-код,

<select name="product" onChange="getcompany(this)">
    <option value="1" >Product1</option>
    <option value="2" >Product2</option>
    </select>
    <div class="companydiv">Product result will be shown here</div>

Приведенный выше код работает, но теперь я хочу использовать автозаполнение jquery вместо ВЫБРАТЬ МЕНЮ СПИСКА , потому что мой список продуктов содержит более 1000 продуктов.

Мой код автозаполнения есть, но я не знаю, где я не прав

<input name="product" id="product" type="text" onkeyup="getcompany(this)" />

Некоторые другие ответы я уже проверил, но я никому не доволен, некоторые из них ниже

Событие изменения триггера автозаполнения jQuery

Событие автозаполнения Jquery onChange

http://forum.jquery.com/topic/autocomplete-and-change-event

Answer 1

Я не смог найти вашу ошибку здесь, однако я мог сделать то, что вы пытаетесь сделать. Я использовал jquery здесь. jsFiddle