jQuery-autocomplete：对多个输入字段使用相同的代码

我是新来的，我有个问题：

html代码：

<div class="col-lg-4"><input type="text" id="eenheid" class="form-control autocomplete-field" name="eenheid" autocomplete="off" placeholder="Eenheid..."></div><div class="col-lg-4"><input type="text" id="ingredient" class="form-control autocomplete-field" name="ingredient" autocomplete="off" placeholder="Ingredient...">

我尝试对多个inputfield使用相同的代码，当inputfield处于活动状态时，autocomplete函数中的jQuery选择器应该更改为活动inputfield中的id

对于我当前使用的代码，选择器（id）始终保持不变

---

提前感谢

如果我理解清楚，您希望选择器

自动完成字段\u id

的值成为活动输入字段的id

不要在（'input'）上使用

，而应该在（'focus'）

上使用

您可以这样编写代码：

$( document ).ready(function() {
    //autocomplete
    var autocomplete_field_id;

    $(".autocomplete-field").on('focus', function() {
        autocomplete_field_id = this.id;
    });

    $( "#" + autocomplete_field_id ).autocomplete({
        source: "autocomplete.php?field=" + autocomplete_field_id,
        minLength: 2
    });
});

希望这有帮助。
如果我理解清楚，您希望选择器
自动完成字段\u id
的值成为活动输入字段的id

不要在（'input'）

上使用

，而应该在（'focus'）

上使用

您可以这样编写代码：

$( document ).ready(function() {
    //autocomplete
    var autocomplete_field_id;

    $(".autocomplete-field").on('focus', function() {
        autocomplete_field_id = this.id;
    });

    $( "#" + autocomplete_field_id ).autocomplete({
        source: "autocomplete.php?field=" + autocomplete_field_id,
        minLength: 2
    });
});

希望这能有所帮助。
如果您想在每个输入中添加相同的自动完成功能，可以使用jQuery的-

//自动完成
$（“.autocomplete字段”）。每个（函数（索引，me）{
//me引用类为“自动完成字段”的当前项
$（me）.自动完成({
来源：“autocomplete.php？field=“+autocomplete\u field\u id，
最小长度：2
});
});

将循环遍历与选择器匹配的每个元素并运行提供的函数（在本例中，您添加的是自动完成）。
这些参数表示-


所选集合中项目的索引（“索引”）
项目本身（“我”）
如果您想在每个输入中添加相同的自动完成功能，可以使用jQuery的-

//自动完成
$（“.autocomplete字段”）。每个（函数（索引，me）{
//me引用类为“自动完成字段”的当前项
$（me）.自动完成({
来源：“autocomplete.php？field=“+autocomplete\u field\u id，
最小长度：2
});
});

将循环遍历与选择器匹配的每个元素并运行提供的函数（在本例中，您添加的是自动完成）。
这些参数表示-


所选集合中项目的索引（“索引”）
项目本身（“我”）