Question

在我的表单中，我有一个自动填充文本框字段，该字段位于div，由AJAX动态填充，自动完成功能正常工作。用户从文本框中的列表中选择自动完成值后，我需要对其进行一些操作，并将结果值打印到另一个文本框中。我怎样才能做到这一点？

请参阅以下代码：

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

我已经创建了一个执行此操作的函数，因此我需要在用户选择自动完成的值后调用此函数。

Answer 1

如果你正在使用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，也可以是这样的格式...

["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) );
          }
        });
    });

jQuery - 在用户选择值后执行操作

1 个答案: