Select 将自定义javascript函数应用于iframe元素_Select_Jquery Plugins_Iframe_Javascript

Select 将自定义javascript函数应用于iframe元素

select jquery-plugins iframe javascript

Select 将自定义javascript函数应用于iframe元素,select,jquery-plugins,iframe,javascript,Select,Jquery Plugins,Iframe,Javascript,我试图弄清楚如何将自定义javascript函数应用于位于iframe中的下拉菜单元素。Javascript改变了下拉列表的外观，对父页面非常有用。它不适用于iframe中的元素。我在这个网站上搜索答案，但不幸的是，这里给出的一些例子对我的页面不起作用。要记住以下几点：两个页面都在域中我不能直接将js放在iframecode中加载的页面上。下面的代码只是一个示例，我无法访问真实的东西我正在使用这里找到的js库。我对它进行了一些修改，以满足我的需要这是将在iframe中加载的页面。我正在尝

我试图弄清楚如何将自定义javascript函数应用于位于iframe中的下拉菜单元素。Javascript改变了下拉列表的外观，对父页面非常有用。它不适用于iframe中的元素。我在这个网站上搜索答案，但不幸的是，这里给出的一些例子对我的页面不起作用。要记住以下几点：

两个页面都在域中我不能直接将js放在iframecode中加载的页面上。下面的代码只是一个示例，我无法访问真实的东西我正在使用这里找到的js库。我对它进行了一些修改，以满足我的需要这是将在iframe中加载的页面。我正在尝试设置select元素的样式：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Iframe</title>
</head>
<body>
  <label for="specialty">Specialty: </label>
  <select name="specialty" id="specialty" class="dropdown">
     <option value="calendar">Calendar</option>
     <option value="shopping_cart">Shopping Cart</option>
  </select>
</body>
</html>

下面是我尝试从中调用js的父级：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Parent Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.dd.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(e) { 
   try {
      $("body select").msDropDown();
   } 
   catch(e) {
       alert(e.message);
   }
});
$('#frame').load( function(){
   try {
      $(this.contentDocument).find('select').msDropDown();
   }
   catch(e) {
      alert(e.message);
   }
});
</script>
</head>
<body>
   <label for="specialty">Specialty: </label>
   <select name="specialty" id="specialty" class="dropdown">
      <option value="calendar">Calendar</option>
      <option value="shopping_cart">Shopping Cart</option>
    </select>
    <iframe src="add.html" id="frame" name="frame"></iframe>
</body>
</html>

提前谢谢

据我所知，这似乎是不可能的。这可能是插件本身的问题，因为即使在iframe的DOM上执行函数，函数也会在父级的DOM上执行