jQuery触发器Keyup事件

时间:2012-03-26 12:12:11

标签: html jquery-ui jquery

我有一个包含产品的 SELECT LIST MENU ,在这个菜单上我使用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 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

1 个答案:

答案 0 :(得分:1)

我在这里找不到你的错误,但我可以做你想做的事。我在这里使用了jquery。 jsFiddle