如何使用jquery清除父页面中的所有文本框字段

Question

他们是否可以使用jquery或javascript清除父表单中的所有文本框值。 现在我正在使用

清除每个字段

var parentDoc1 = window.opener.document;
parentDoc1.getElementById(id).value="";

Answer 1

要清除所有文本框，您可以使用：

$(parentDoc1).find('input[type=text]').val('');

如果某些文本框（例如带有mytextboxclass类，带mytextboxid id等的文本框等）不能清除，那么您可以在选择器中使用:not不包括：

$(parentDoc1).find('input[type=text]:not(.mytextboxclass,#mytextboxid)').val('');

Answer 2

你也可以这样使用

$('input:text').val('');

Answer 3

在所有输入字段中使用class ....

试试这个..

 $('input.className').val('');

小提琴here

OR

这会将值设为空，而不是文档中的所有输入字段

$('input[type="text"]').val('');

Answer 4

如何清除所有文本框：

$('input[type="text"]').val('');

Answer 5

这将清除父ID为parent的所有文本区域的值。

$('#parent').children('textarea').val('');

以下是http://jsfiddle.net/Y2t7x/1/

的示例

重要的是，脚本只清除#parent的直接兄弟文本区域，而不是嵌套的文本区域。

如果您想重置父母兄弟姐妹之间的文本区域的值，您应该将children替换为find。

如果您希望脚本使用文本输入，请使用：

$('#parent').children('input[type=text]').val('');

或

$('#parent').find('input[type=text]').val('');

再次视您的需要而定。

Answer 6

是否要在其他标签/窗口中选择页面内容？或者你想获取父页面内容因为你的上下文是你在iframe里面？如果是最后一个，请不要使用

window.opener.document;

使用以下代替

window.parent.document;

Answer 7

如果你还在使用jQuery，你可以使用.reset（）而不是.val（''）。

Answer 8

您还可以在父窗口上创建函数并从子窗口调用它。 在子窗口中调用父函数如下。

<script>
function ClearFromChild(ARGS)
{
    window.opener.clearinparent(ARGS);
}
</script>

现在只需在父窗口中声明clearinparent功能即可完成 欢呼声，