jQuery Trigger onKeyup Event

Question

У меня есть SELECT LIST MENU, содержащий продукты, и в этом меню я использую onChangeevent. При выборе какой-либо продукт, он загрузит фирменное наименование этой product.Below является функция, которую я использовал,

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 autocomplete вместо SELECT LIST MENU, потому что мой список продуктов содержит более 1000 продуктов.

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

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

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

jQuery AutoComplete Trigger Change Event

Jquery Autocomplete onChange event

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

Answer 1

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