有一个选择框。我通过ajax为onchange方法编写了一个函数。当我在 div 中显示表单成功时效果很好。我的问题是如何在 iframe 中显示我的表单成功? 这是我的片段:
$(document).ready(function(e) {
$("[name='count']").on('change', function() {
var url = "/page2.html";
$.ajax({
type: "POST",
url: url,
data: $("#form").serialize(),
success: function(data) {
$("#box").html(data)
}
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<form method="post" action="" id="form">
<select name="count">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
<iframe name="box" id="box"></iframe>
</body>
</html>
谢谢
最佳答案
iframe 有自己的窗口,因此您无法像访问其他元素一样直接访问它
您可以使用contents()
访问该窗口并执行以下操作:
$("#box").contents().find('body').html(data);
在我看来,您不需要 ajax,只需使用 target
作为 iframe 提交表单即可
关于javascript - 如何在 iframe 中显示表单成功,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42175574/