2012-03-26 58 views
0

私は選択リストメニューを含んでおり、このメニューではonChangeeventを使用しています。あなたはすべての製品を選択すると、それは jQueryトリガーonKeyupイベント

、その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を使用してください。リストリストメニューを選択してください。私の製品リストには10​​00を超える製品が含まれています。

私のオートコンプリートのコードですが、私はすでに確認され、間違った

<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

+0

問題は何ですか?関数は呼び出されませんか?オートコンプリート機能で「選択」を使用してみてください。 – Hadas

+0

@Hadasはい関数は呼び出されず、キー入力と他のイベントも試しますが、どれも動作しません – Arif

答えて

1

ここであなたのエラーを見つけることができませんでしたが、あなたがしようとしているものを作ることができました。私はここでjqueryを使いました。 jsFiddle

+0

入力を完了してテキストボックスから抜け出すと、関数が呼び出されます。しかし、私の場合、私はちょうど** a **を入力して、私に表示されたものを含むすべての製品と私の希望するものをクリックしてください – Arif

+2

**あなたは ".keyup()"が好きかもしれません** [link] http:// jsfiddle .net/agentmilindu/QtC2q/7 / –

関連する問題