代码之家 › 专栏 › 技术社区 › Gazler

jquery自动完成输入数组

autocomplete jquery

Gazler · 技术社区 · 15 年前

我有以下代码,我要做的是设置一个自动完成输入框,当它被填满时,在下面创建另一个自动完成输入框。

我的代码的问题是因为我使用了模糊,它将创建每次单击时都会有新的输入第一个。
第二个问题是我需要设置自动完成功能在新创建的输入框上,但是如果我递归地做,那么它将撞车。

代码:

function setupAutoComplete()
{
 var autoCompleteData = $("#listContacts").html().split("<br>");
 //autoCompleteData = replaceAll(autoCompleteData, "&lt;", "<");
 //autoCompleteData = replaceAll(autoCompleteData, "&gt;", ">");
 $("[name|=toemail[]]").autocomplete(autoCompleteData);
 $("[name|=toemail[]]").result(function(event, item) {
    $("[name|=toemail[]]").blur();
 });
 $("[name|=toemail[]]").blur(function(){
  var newString = $(this).val();
  newString = replaceAll(newString, "&lt;", "<");
  newString = replaceAll(newString, "&gt;", ">"); 
  $(this).val(newString);
  var newfield = '<p><label class="" disabled="true"><select name="toSelect[]"><option>To: </option><option>CC: </option><option>BCC: </option></select></label><input type="text" value="" name="toemail[]" /></p>';
  $("#composeTo").append(newfield);
 });
}

2 回复 | 直到 15 年前

mat-mcloughlin 15 年前

Gazler 15 年前

function setupAutoComplete()
{
    var autoCompleteData = $("#listContacts").html().split("<br>");


$("[name|=toemail[]]").each(function(key, value) {
    if (!($(this).hasClass("blurred")))
    {
    $(this).autocomplete(autoCompleteData);
    $(this).result(function(event, item) {
        var newString = $(this).val();
        newString = replaceAll(newString, "&lt;", "<");
        newString = replaceAll(newString, "&gt;", ">"); 
        $(this).val(newString);
        $(this).blur();
    });
    $(this).blur(function(){
        if (!($(this).hasClass("blurred")))
        {
        var newfield = '<p><label class="" disabled="true"><select name="toSelect[]"><option>To: </option><option>CC: </option><option>BCC: </option></select></label><input type="text" value="" name="toemail[]" /></p>';
        $("#composeTo").append(newfield);
        setupAutoComplete();
        $(this).addClass("blurred");
        }
    });
    }
});

推荐文章

assembler · MUI 5自动完成将禁用的项目样式更改为不使用不透明

1 年前

stanley · 如何防止VScode中.svelte文件中的intellisense完成

1 年前

mrbob · Google Places Autocomplete不工作,接收到我的函数不是函数的错误

1 年前

Ross Graeber · 如何使用角度材质自动完成复杂对象?

1 年前

Joe K · 这种完成类型叫什么

1 年前

Donko · 单击时如何从MUI自动完成、文本字段中删除占位符文本?[副本]

1 年前

Ness · 在MySQL CLI中,是否有自动完成过程的方法?

1 年前

bokerstan · Intellij Idea不断出现无法自动关闭的弹出窗口

1 年前

Yash Patel · Auto complete()颤振中的初始值问题

1 年前

Prasheel · ion自动完成模块抛出模板分析错误

7 年前