Question

我有两个不同文件的场景，我需要在另一个文件中加载一个html。

Iframe.html的：

<select data-placeholder="Choose a Country..." class="flexselect">
    <option value=""></option>
    <option value="United States">United States</option>
    <option value="United Kingdom">United Kingdom</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Algeria">Algeria</option>
    <option value="Bermuda">Bermuda</option>
    <option value="Bhutan">Bhutan</option>
</select>
<iframe src="index.html" style="width:100%; border: 0px solid #fff;"></iframe>

的index.html：

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="http://rmm5t.github.io/jquery-flexselect/flexselect.css">
    </head>
    <body>
        <script src="http://code.jquery.com/jquery-1.6.4.js" type="text/javascript"></script>
        <script src="http://rmm5t.github.io/jquery-flexselect/jquery.flexselect.js" type="text/javascript"></script>
        <script src="http://rmm5t.github.io/jquery-flexselect/liquidmetal.js" type="text/javascript"></script>  
        <script type="text/javascript">
            $(document).ready(function(){
               $("select.flexselect").flexselect();
            });
    </script>           
    </body>
</html>

它不显示任何错误，同时它也不起作用。我观察到的是它没有在iframe标签上方的select标签上触发。

如果我将选择标记内容保留在index.html页面中，则可行，但iframe不允许显示完整的下拉内容。它被限制在一定的高度和范围内。允许滚动。

所以我无法在iframe中保留select标记，它应该不在iframe中。

我们如何使其可行？

Answer 1

你应该知道，iframe和父窗口之间的通信是如何工作的。您可以使用以下代码调用父窗口方法。

window.parent.functionName();

如何在另一个文件的html上加载js动作

1 个答案: