Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于数组输入的jquery自动补全器_Javascript_Jquery - Fatal编程技术网

Javascript 用于数组输入的jquery自动补全器

Javascript 用于数组输入的jquery自动补全器,javascript,jquery,Javascript,Jquery,我使用的第一个输入字段工作良好。但无法处理我使用“添加更多”按钮添加的下一个输入字段,甚至在克隆输入字段后重新初始化自动完成功能 HTML部分: <div id='multiUser'> <input type='input' name='search_user[]' class='searchClas'/> </div> <span id='add_more' class='btn'>Add More</span> 添加更多

我使用的第一个输入字段工作良好。但无法处理我使用“添加更多”按钮添加的下一个输入字段,甚至在克隆输入字段后重新初始化自动完成功能

HTML部分:

<div id='multiUser'>
 <input type='input' name='search_user[]' class='searchClas'/>
</div>
<span id='add_more' class='btn'>Add More</span>

添加更多
Javascript部分:

<script>
$("body").on("click","#add_more",function(){
    var cloneHTML="<input type='input' name='search_user[]' class='searchClas'/>";
    $("#multiUser").append(cloneHTML);

   $('.searchClas').autocompleter({

    cache: false,
    source:url,
    combine: function(params) {
      var add_info = $('input[name=add_info]').val();

      return {
        q: params.query,
        count: params.limit,
        add_info: add_info
      };
    },
    callback: function(value, index, object) {
      console.log(
        'Value ' + value + ' are selected (with index ' + index + ').'
      );
      console.log(object);
    }
  });

});

$(function() {
  $('.searchClas').autocompleter({

    cache: false,
    source:url,
    combine: function(params) {
      var add_info = $('input[name=add_info]').val();

      return {
        q: params.query,
        count: params.limit,
        add_info: add_info
      };
    },
    callback: function(value, index, object) {
      console.log(
        'Value ' + value + ' are selected (with index ' + index + ').'
      );
      console.log(object);
    }
  });
});


</script>

$(“正文”)。在(“单击”,“添加更多”,函数()上){
var cloneHTML=“”;
$(“#多用户”).append(克隆HTML);
$('.searchClas').autocompleter({
cache:false,
资料来源:网址:,
联合收割机:功能(参数){
var add_info=$('input[name=add_info]')。val();
返回{
q:params.query,
计数:参数限制,
添加信息:添加信息
};
},
回调:函数(值、索引、对象){
console.log(
选择“值”+Value+(带索引“+index+”)。'
);
console.log(对象);
}
});
});
$(函数(){
$('.searchClas').autocompleter({
cache:false,
资料来源:网址:,
联合收割机:功能(参数){
var add_info=$('input[name=add_info]')。val();
返回{
q:params.query,
计数:参数限制,
添加信息:添加信息
};
},
回调:函数(值、索引、对象){
console.log(
选择“值”+Value+(带索引“+index+”)。'
);
console.log(对象);
}
});
});

任何帮助都将不胜感激。

修复了它。通过克隆字段,它还克隆了导致问题的自动完成器插件类,并阻止自动完成器插件重新初始化它。

不清楚您在问什么……我不明白什么是单输入字段,什么是输入数组。另外,请尝试添加一个工作代码段。单输入表示单字段,即,当多输入表示具有相同名称的多个输入时,我们首先使用例如name='search[]来表示,我想看看您是如何编码的,以便在数组中使用多个输入。您能为代码更改添加更多详细信息吗?@GanesaVijayakumar,请检查我的代码示例谢谢,当您单击“添加更多”按钮时,输入字段添加是否正确?