`
bosschen
  • 浏览: 197270 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jquery 获取 iframe 里的内容的值

 
阅读更多
jquery 获取 iframe 里的内容的值,并且是已选中状态的

如果取得某一个iframe,名字为iframe_cycle
var iframeIds = $(window.frames["iframe_cycle"].document).find("input[type='checkbox'][name='userids']:checked");

如果有多个iframe,(id^='iframe_cycle_div')是id依iframe_cycle_div开头的
var iframeIds = $("iframe[id^='iframe_cycle_div']").contents().find("input[type='checkbox'][name='userids']:checked");



jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框
分享到:
评论

相关推荐

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。...理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建更加丰富和动态的网页交互体验。

    jquery得到iframe src属性值的方法

    在这个例子中,attr("src")用于获取iframe元素的src属性值。 5. $(document).ready()方法: 在jQuery中,$(document).ready()方法用于确保在文档完全加载并且DOM树构建完成后执行代码。这是jQuery中最为常见的初始...

    解析Jquery取得iframe中元素的几种方法

    - **获取iframe的body内容**:使用`$(document.getElementById('iframeId').contentWindow.document.body).html()`可以获取到iframe中body元素的HTML内容。 - **通过iframe的名称操作元素**:使用`$("#testId", ...

    js与jQuery 获取父窗、子窗的iframe.docx

    #### 三、jQuery获取iframe元素的方法 ##### 3.1 在父窗口中获取iframe中的元素 jQuery提供了更为简洁的方法来处理DOM操作,包括对`iframe`的访问: **方法一:** ```javascript // 使用jQuery获取iframe中的元素 ...

    jQuery取得iframe中元素的常用方法详解

    总结来说,jQuery提供了灵活的方式来获取和操作`iframe`中的元素,主要通过`contents()`、`find()`、`parent.document`等方法。然而,跨域限制必须始终牢记,只有在同源策略下,这些方法才能有效工作。在实际开发中...

    jQuery获取与设置iframe高度的方法

    首先,要获取iframe内部内容的高度,我们需要使用jQuery的选择器和方法来访问iframe内的DOM元素。通过选择器$("#UpdateUserItem")可以选中具有特定ID的iframe元素,然后使用jQuery的“contents()”方法来获取iframe...

    获取iframe子网页的Height

    对于`iframe`加载完成后获取高度的情况,可以使用`onload`事件,确保`iframe`内容已完全加载再计算高度: ```javascript var iframe = document.getElementById('iframeId'); iframe.onload = function() { var ...

    jQuery读取和设定KindEditor值的方法

    文章介绍了几种使用jQuery获取iframe中元素内容的方法。基本思路是使用jQuery选择器定位到iframe元素,然后通过访问iframe的contentDocument或contentWindow属性来获取iframe的文档对象,最后通过jQuery的方法来选取...

    使用jquery/js获取iframe父子级、同级获取元素的方法

    这里使用了jQuery的contents()方法来获取iframe内的document,然后用find()方法找到目标控件,并执行click()操作。我们还看到了另一种方式,即使用document.frames集合: ```javascript $("#iframe中的控件ID", ...

    jquery动态添加tab内嵌ifream插件

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。...总的来说,jQuery结合iFrame插件提供了强大的页面布局和内容展示能力,是Web开发中的一种实用技术。

    jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

    1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————————————————– 2.获取...

    捕捉IFrame SRC改变事件

    然而,在使用`&lt;iframe&gt;`时,有时我们需要监测其内容的变化,特别是当`&lt;iframe&gt;`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...

    Jquery iframe内部出滚动条

    在利用Jquery对页面中的iframe元素进行操作时,我们可能会遇到需要确保iframe内容能够适应窗口大小变化的问题。一个常见的需求是让iframe能够自动调整尺寸,以便其内容能够完整显示,而不需要出现浏览器的滚动条。...

    父页面得到iframe的数据和iframe页面得到父页面的数据.txt

    #### 使用jQuery获取iframe内的元素 在jQuery中,可以通过`contents()`方法访问iframe内部的DOM树。例如,要获取iframe内id为`form1`的表单内容,可以使用以下代码: ```javascript $(document).ready(function(){...

    JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

    JQUERY IFRAME下面简单使用Jquery来操作iframe的一些...第三、在iframe中调用父页面中定义的方法和变量:parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:&lt;html&gt;[removed]&lt;/sc

    iframe父页面获取子页面参数的方法

    标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面中特定输入元素的值,这里我们将深入探讨这个过程以及相关的知识点。 首先,让我们了解`iframe`的基本概念。`iframe`(Inline Frame)是...

    Jquery调用iframe父页面中的元素及方法

    在示例中,父页面定义了一个变量`hello`,在`iframe`中可以这样获取其值:`parent.hello`。这将返回变量`hello`的值,即字符串`'hello'`。 下面是一个简单的实例,包含了父页面和`iframe`子页面的代码: **父页面...

    jquery ajax应用中iframe自适应高度问题解决方法

    为了解决这个问题,开发者提出了多种方法,其中之一就是通过编写JavaScript函数来动态获取iframe内部内容的高度,并据此调整iframe的高度。具体来说,就是利用iframe的contentWindow属性访问其内部窗口对象,再通过...

    JQUERY设置IFRAME的SRC值的代码

    除了更改`src`属性,我们还可以通过jQuery访问`&lt;iframe&gt;`内的内容。例如,如果`mainiframe`中有一个id为"someID"的`&lt;div&gt;`,我们可以获取其内容: ```javascript // 获取HTML内容 $("#mainiframe").contents().find...

Global site tag (gtag.js) - Google Analytics