jquery自动完成动态生成的文本框

前端之家收集整理的这篇文章主要介绍了jquery自动完成动态生成的文本框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 jquery的新手,我在一个需要自动完成功能的动态生成文本框的网页上.

我测试了$(“#some”).autocomplete(data);在一些静态内容上,它工作得很好.

然而,当我用动态生成的文本框尝试相同的技术,它不工作!

我的代码如下:

$(function() {  

  $("#button_newproduct").click(function(){  
    $("#products_table > tbody").append(
      "<tr><td><input type='text'name='td_products["+counter+"]'/></td></tr>");
  });
  var data = "Core celectors cttributes craversing canipulation CSS cvents cffects cjax ctilities".split(" ");
  $('input[name^=td_products]').autocomplete(data);
});

谢谢你,我帮助你完成了这个.

现在又是一个问题.我正在加载数组(输入到自动完成)与下面的DWR call.as

DwrService.populateProducts(someFunc);
function someFunc(result){
    autoProducts=result;
    input.autocomplete(result);
 }

这里的问题是每次做一个DWR调用DB来获取数组!

有没有办法从全局变量中存储DWR中的数组?

问候

解决方法

我认为的主要问题是您在点击处理程序之外调用自动完成.因此,自动完成在页面加载时设置,而不是按钮被点击.

解决这个问题,请将代码更改为:

$(function() {

    $("#button_newproduct").click(function() {

        var newItem = $("<tr><td><input type='text'name='td_products["+counter+"]'/></td></tr>");

        $("#products_table > tbody").append(newItem); 

        var data = "Core celectors cttributes craversing canipulation CSS cvents cffects cjax ctilities".split(" "); 
        newItem.find('input').autocomplete(data);

    });
});

现在,自动完成在每个新项目上设置,而不是一次.

原文链接:https://www.f2er.com/jquery/180213.html

猜你在找的jQuery相关文章