jQuery - 在用戶選擇值後執行操作

在我的表單中，我有一個自動填充文本框字段，位於由AJAX動態填充的div中，自動完成功能工作正常。在用戶從文本框中的列表中選擇了自動完成的值後，我需要對其進行一些操作，並將結果值打印到另一個文本框中。我怎樣才能做到這一點？jQuery - 在用戶選擇值後執行操作

請參閱下面的代碼：

if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
    document.getElementById("waitimg").innerHTML=""; 
    document.getElementById("ajxform").innerHTML=xmlhttp.responseText; 
    $(function(){ 
     $("#item_no").autocomplete("auto/finditem.cfm"); 
    }) 
}

我已經創建了一個函數來完成這個操作，所以我需要用戶選擇自動完成的值之後，調用此函數。

來源

2010-08-13 soorajthomas

是您使用jQuery-UI自動完成（http://jqueryui.com/demos/autocomplete/）？ – vikmalhotra 2010-08-13 06:31:28

如果你正在使用你做這樣了jQuery UI的自動完成...

$(function() { 
    $("#item_no").autocomplete({ 
     source: "auto/finditem.cfm", 
     select: function(even, ui) { 
     $("#another_textbox").val(ui.item.value); 
     alert(ui.item.value.substring(0, 10)); 
     } 
    }); 
});

你從源代碼中定義可以在json format或有這樣一個格式的URL得到的迴應。 ...

["ActionScript", "AppleScript", "Asp"]

（更多超過here）。

嘗試檢查如果自動完成正在通過使用該測試代碼如期望....

$(function() { 
     var availableTags = ["ActionScript", "AppleScript", "Asp"]; 
     $("#item_no").autocomplete({ 
      source: availableTags, 
      select: function(even, ui) { 
      $("#another_textbox").val(ui.item.value); 
      alert(ui.item.value.substring(0, 10)); 
      } 
     }); 
    });

來源

2010-08-13 06:34:14 vikmalhotra

hi shiv，那麼如何才能實現，如果我只想採取所提供的一個你選擇的一個子串，我不清楚最後的選擇語句...請幫助 – soorajthomas 2010-08-13 06:36:35

@sooraj - 'select'我使用的是一個自動完成的事件（更多在這裏 - http://jqueryui.com/demos/autocomplete/）。當用戶從自動填充建議中進行選擇時，您可以使用值「ui.item.value」來達到您想要的目的。見編輯的答案。 – vikmalhotra 2010-08-13 06:42:43

@sooraj - 我的錯誤。現在應該沒問題。 – vikmalhotra 2010-08-13 07:10:51

jQuery - 在用戶選擇值後執行操作

回答

相關問題