2012-02-16 77 views
2

我試圖尋找類似的東西,但我失敗了,所以,我問這裏 這是一塊我的代碼:平變化與jQuery的自動完成選擇標籤

<div id="ui-widget"> 
<label>Doc Type: </label> 
     <select id="classes" onchange="createForm()"> 
      <option value=" ">Select a type ... </option> 
       <#list typenames?keys as key> 
         <#if typenames[key]!=""> 
         <option value="${key}">${typenames[key]}</option> 
                </#if> 
       </#list> 
     </select> 

    </div> 

select標籤使用這個jQuery : http://jqueryui.com/demos/autocomplete/#combobox with autocomplete;

函數createForm()是一個Javascript,根據您在select標籤中做出的選擇創建不同的表單; 但是使用jQuery的自動完成功能,select標記中的onchange事件看起來不起作用。 有沒有一種方法可以像我的函數一樣注入一些JavaScript代碼來處理此jQuery的選擇更改?

回答

5

使用以下爲自動完成的autocompleteselect綁定事件:

$("#classes").autocomplete({ 
    select: createForm 
}); 

$("#classes").autocomplete({ 
    select: function(event, ui) { 
     // your code here 
    } 
}); 

$("#classes").bind("autocompleteselect", function(event, ui) { 
    // your code here 
}); 

Docs are here

+0

不錯,我差不多完成了,現在我必須更改一些JavaScript代碼不能正常工作,但至少在選擇時調用該函數。 還有一件事,我必須在選擇字段中選擇兩次相同的值才能正確調用函數,否則會調用最後一個。 我會試着更好地解釋它: 我打開網頁的代碼 我嘗試做一個選擇 什麼也沒發生 嘗試做出同樣的選擇 函數被調用回 我嘗試調用不同選擇 該函數被調用時,前面的選擇 等等。 – Teqnology 2012-02-17 11:46:05

0

您可能需要將它綁定到自動完成事件autocompleteselect