来自表单上其他字段的自动完成值

Question

我想将表单上其他输入字段的值传递给具有jQuery自动完成功能的输入。我尝试了几种方法，但都没有工作。这里是一个什么我迄今为止的例子：

HTML：

<input type="text" class="fieldname"/> 
<input type="text" class="fieldname"/> 
<input type="text" class="fieldname"/> 
<input type="text" class="fieldname"/> 
<input type="text" class="autofieldnames"/> 
<input type="text" class="autofieldnames"/> 

的jquery：

$(".fieldname").each(function() { 
    $(this).blur(function() { 
    var fieldnames = $(".fieldname").map(function(){ return this.value; }).get(); 
    }); 
$(".autofieldnames").each(function() { 
    $(this).autocomplete({ source: fieldnames }); 
    }); 

如果我手动设置字段名阵列（即，字段名= [ “AAA”，“ abc“];）自动完成工作，但由于某种原因无法将其他字段的值传递给数组。

Answer 1

它解决。仅供参考，这是我想出的：

html: 
<input type="text" class="fieldname"/> 
<input type="text" class="fieldname"/> 
<input type="text" class="fieldname"/> 
<input type="text" class="fieldname"/> 
<input type="text" onfocus="getfieldnames"/> 
<input type="text" onfocus="getfieldnames"/> 

jquery: 
function getfieldnames(obj) { 
    var fieldnames = $(".fieldname").map(function(){ return this.value; }).get(); 
    $(obj).autocomplete({ source: fieldnames }); 
    } 

Answer 2

当您使用var关键字来声明一个变量时，它将成为一个局部变量。这意味着fieldnames只对定义它的函数可见 - 而不是试图读取它的函数，因此删除var关键字。

但是，由于fieldnames是一个非常通用的名称，因此您不应该将其作为全局变量（您应该尽量避免使用非泛型名称来制作全局变量，但对于通用名称变量更加危险）。因此，您应该将其声明为局部变量 - 但是在需要它的函数中可见的范围内。

事情是这样的：

$(function(){ 
     var fieldnames; 
     $(".fieldname").each(function() { 
       $(this).blur(function() { 
         fieldnames = $(".fieldname").map(function(){ return this.value; }).get(); 
       }); 
     }); 
     $(".autofieldnames").each(function() { 
       $(this).autocomplete({ source: fieldnames }); 
     }); 
});