关于jquery中iframe取值问题 高分答题
请问如何实现跳转取值:jquery
使用jquery结构在同页面实现多个分页面结构后 希望从第1个页面输入框中输入的数值到第2个页面中的iframe中的php页面中,然后显示在第2个页面上
代码部分:
jquery 整体结构 分2个页面:
<html>
<head>
<script type="text/javascript">
$(parent.ducument).(input[name='iframe']).value='search';
</script>
</head>
<body>
<!-- Start of first page -->
<div data-role="page" id="foo">
</div><!-- /header -->
<div data-role="content">
<p>City search</p>
<form action="#bar">
<input id="search" type="text" name="search" /><br />//输入文本框
<input type="submit" id="button" value="search" / >//按钮
</form>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of second page -->
<div data-role="page" id="bar">
<div data-role="header">
<h1>Bar</h1>
<a href="#bar2" data-role="button" data-inline="true">list</a>
<a href="#foo" data-role="button" data-theme="a">go back</a>
</div><!-- /header -->
<div data-role="content">
<div id="mapContainer" style="height:250px; width:250px;" align="left">
<iframe src="showmarkers.php" width="300" height="250" marginheight="5px" name="iframe" id="iframe" scrolling="auto"></iframe></div>//iframe框,将第1个页面值传到这个php里面
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
</form>
</body>
</html>
------解决方案--------------------
不知道我理解的对不对啊 这样取:
A包含B,C俩个iframe
B(search的那个)里有一个id为search的text框
C(php的那个)里通过parent.frames("B").document.getElementById('search').value
------解决方案--------------------
'使用jquery结构在同页面实现多个分页面结构后 希望从第1个页面输入框中输入的数值到第2个页面中的iframe中的php页面中,然后显示在第2个页面上'
针对这个需要,建议你用AjAX ,不用在iframe上折腾。
‘<iframe src="showmarkers.php" width="300" height="250" marginheight="5px" name="iframe" id="iframe" scrolling="auto"></iframe></div>//iframe框,将第1个页面值传到这个php里面’
你可以就用‘将第1个页面值传到这个php里面’这个思路。动态改变iframe的src(在src后面跟参数),通过GET来获取。
如:‘<iframe src="showmarkers.php?parm1=aaaaa&pram2=bbbbb" width="300" height="250" marginheight="5px" name="iframe" id="iframe" scrolling="auto"></iframe>’
php中:$_GET['parm1'] $_GET['parm2']