Iframe和Jquery自动完成功能

问题描述：

我在一个html页面中使用jquery自动完成功能，它被用作一个ifrmae的源代码。 iframe的高度和宽度固定在450px宽度和160p px高度Iframe和Jquery自动完成功能

现在的问题是当自动完成的结果集有点大时整个设置会搞砸。我试图做的是以某种方式设置文本框的z索引，以便结果应该出现在框架边界之外。

目前我已经增加了iframe的大小，但这消耗了大量的空白空间。

任何有关如何解决此问题的建议都是值得欢迎的。

答

iframe中的内容不能“渗漏”到它所包含的文档中。自动完成列表更新后，您可以更新iframe的高度。

检查，看看有多少项目在列表或列表的高度，并相应地更新iframe的高度：

$('#some-element').autocomplete({ 
    change : function (event, ui) { 
     var theHeight = $(this).height(); 
    } 
});

这将要素转移的页面上，我在想别的办法要做到这一点是通过使用getJSON作为文件在远程服务器上，但我无法得到这个工作 – Sandhurst 2012-02-01 22:56:13

答

这听起来像你可能会如果做出错误的UI选择自动完成列表太笨拙。由于Jasper（+1）表示iframe“泄漏”不会发生，您可以使用jquery扩展您的容器 - 但您也可以考虑使用不同的控件组合。

例如，是否可以使用像收音机列表这样的早期控件作为数据过滤器，在自动填充框之前细分数据？然后，当做出选择调整自动完成框中的数据源现在可能有可能使用像一个更易于管理的列表：

var radioValue = $("#radio").val(); 
$.each(function(key, value) { 
    switch (radioValue) 
    { 
    case 1: 
    ... filter autocomplete data ... 
    break; 
    case 2: ... 
    } 
});

Iframe和Jquery自动完成功能

相关推荐