Javascript - 在新窗口中选择元素打开URL并提交表单
在这个问答内容中，我们要求使用 JavaScript 在新窗口中选择元素打开 URL 并提交表单。为了实现这个功能，我们可以使用以下代码：
// 打开新窗口
const newWindow = window.open('', '_blank');
// 在新窗口中加载 URL
newWindow.location.href = 'https://example.com';
// 在新窗口中选择元素并提交表单
newWindow.onload = function() {
const element = newWindow.document.querySelector('#element-selector');
const form = newWindow.document.querySelector('#form-selector');
element.value = 'value';
form.submit();
};在这段代码中，我们首先使用 window.open() 方法打开一个新窗口，然后使用 newWindow.location.href 属性加载指定的 URL。接下来，我们在新窗口中选择元素并提交表单。我们使用 newWindow.onload 事件来确保在新窗口中的元素完全加载后再执行操作。最后，我们使用 newWindow.document.querySelector() 方法选择元素，并使用 form.submit() 方法提交表单。
请注意，这个代码示例仅供参考，实际实现可能需要根据具体情况进行调整。
相关·内容
1回答
创建一个表单提交按钮，当用户右击时启用“在新窗口中打开”？
javascript、forms、form-submit、right-click
我有一个表单提交按钮，我需要使用户能够右击并获得“在新窗口中打开”选项，以便用户可以选择提交表单在当前窗口(通过简单地单击按钮)或在一个新窗口(通过右键单击并选择“在新窗口中打开”)。我知道我可以通过创建一个独立的链接/图像，并使用css使其看起来像一个按钮，然后在单击时使用oncl
浏览 3提问于2011-10-05得票数 0
回答已采纳
3回答
Html.BeginForm在当前窗口中提交表单并使用其他URL打开一个新窗口
html、asp.net-mvc、razor、form-submit
我有一个MVC项目，我想在当前窗口中提交一个表单，同时打开一个带有静态URL的新窗口，例如www.google.se。就像现在一样，我有一个模型，它显示的表单如下所示： <div>class="btn btn-default">Nope</a>
浏览 1提问于2016-10-18得票数 1
3回答
打开带有pdf附件的响应的新窗口
javascript、jquery、jqgrid
list2").jqGrid('getDataIDs'); $.ajax({ url:'http://localhost:3000/order/receipt', });有了上面的代码，我可以提交数据到服务器，在</em
浏览 0提问于2010-03-05得票数 0
4回答
选择性地发布到新浏览器窗口
javascript、jquery、html、asp.net-mvc-3
我有一个表单，它有三个提交按钮，用于为不同的场景回发数据。这个是可能的吗？我知道我可以向表单添加一个target="_blank"，但这将为所有的提交按钮打开一个新窗口……目前，我已经尝试了几种方法来让它工作，但我完全失败了，我目前不能工作的代码如下所示：
$("input
浏览 0提问于2011-07-05得票数 0
回答已采纳
1回答
在DIV中打开生成的URL
javascript、html、css
我有一个脚本，它通过使用JavaScript函数组装表单输入来生成URL。通过表单提交按钮，URL可以在名为“预览”的DIV中预览为文本，并在新窗口中打开。但是，我希望提交按钮的window.open函数可以打开DIV中的网页。我在新窗口中打开URL的按钮代码是：
<input type
浏览 5提问于2015-06-17得票数 1
回答已采纳
1回答
在HTML表单中使用POST
html、post、mason
我在一个HTML表单中使用POST来发布大量的参数。但是，如果我右键单击并在新选项卡中打开它，则不会调用我的新文件(对传递的参数执行一些操作，然后下载一个文件)。相反，将刷新同一页面。
有没有人能提个建议？
浏览 7提问于2013-07-31得票数 0
1回答
Javascript书签可以从一个页面获取信息并将其提交给另一个页面上的表单
javascript、bookmarklet
现在我发现不能在一个页面中编写JavaScript来在另一个外部页面上输入表单数据，所以我想用一个基于浏览器的书签来实现这一点。我可以使用这个书签代码片段访问原始页面上的数据：如果我在浏览器中手动打开基于外部Web的表单，则此代码将更改文本框中的内容：
javascript:voi
浏览 4提问于2010-07-27得票数 2
6回答
JavaScript将表单数据发布到没有“目标”的新窗口
javascript、forms、post、popup、target
我希望能够在不使用目标属性(验证)的情况下对新窗口执行post请求(不必是表单数据)。这是可能的吗?如果有，怎么做？
(预先谢谢
浏览 6提问于2010-02-12得票数 3
回答已采纳
4回答
使用php的目标空白
javascript、php、jquery、html
如果您在提交按钮上，请单击该页转到另一页，另一个页面将打开一个新窗口。这是我的php代码header("Location: ping_pong_uitleg.php");//gaat naar de uitleg}
在html中，put链接不是一个选项，因为必须使用submit按钮完成更多的操作。
浏览 4提问于2015-12-22得票数 1
回答已采纳
1回答
在表单提交中打开新窗口
forms、javascript
我想使用用户选择的选项，将它们发送到外部站点的$_GET url，并使用javascript在新窗口中显示该外部站点(外部站点使用我的数据绘制图形)。在我的表单提交函数中，我有：
drupal_add_js('$(document).ready(function() {window.open(\'' .$url . '\')});', &#
浏览 1提问于2011-07-29得票数 0
回答已采纳
2回答
Js :打开新窗口并使用它
javascript、jquery
可以使用javascript或jquery打开新窗口(具有外部url )，并检查窗口中是否提交了表单
例如：window.open(....) then：if ( POST in new window
浏览 0提问于2011-01-16得票数 0
1回答
在新窗口javascript中跟踪提交事件
javascript、jquery
我用javascript打开新窗口。我是说函数window.open。我知道我有这扇窗户的东西。这个新窗口有<form>复选框和提交按钮。因此，我想知道是否可以跟踪提交表单事件，并检查复选框是否选中了这个新窗口。window.open('http:some_external_url','new_window','width=800,height=600,r
浏览 4提问于2014-11-19得票数 0
回答已采纳
2回答
JavaScript -从打开的窗口捕获提交值
javascript、jquery、forms、submit
我的JavaScript应用程序在一个新窗口中打开一个第三方web应用程序(我们提交一个表单，其中的操作属性指向这个第三方url，目标属性中包含"_blank“。不幸的是，由于IE兼容模式，我们必须在新窗口中打开此应用程序。
在这个第三方应用程序中，有另一个表单。我想知道是否有一种方法可以捕获此表单发布的提交值，以便在我的Jav
浏览 0提问于2015-12-04得票数 0
1回答
Spring:如何在使用弹出窗口时提交表单绑定？
javascript、spring、controller、popup
我有一个通过javascript提交给控制器的JSP。一切正常，但是当我试图在弹出窗口中打开下一个页面时，我注意到表单绑定上的数据并没有提交给Controller：//This is working//document.getElementById('form').action = "<c:url value='&#x
浏览 5提问于2011-10-18得票数 0
回答已采纳
2回答
如何使用javascript函数将值传递到弹出窗口？
javascript
我想从现有的form.When打开新窗口我在表单中单击新窗口，然后新表单应该会打开并输入结果值，但新窗口表单正在打开主页，无法从父表单获取文本框值。如何使用javascript从父窗口中调用弹出窗口中的文本字段输入值？//currently I'm using following code:
<script t
浏览 0提问于2012-12-20得票数 0
回答已采纳
1回答
找不到通过target="_blank“打开的弹出窗口
selenium、selenium-rc
我正在使用一个网站，它有一个表单，提交一个POST请求，并使用target="_blank"在新窗口中打开目标页面。Firefox会在一个新窗口中打开它。browser.getAllWindowTitles();} while (titles.length < 2);
它总是输出1，即使新窗口弹出并加载时也是如此如何
浏览 0提问于2013-05-30得票数 0
2回答
struts2提交表单并在新窗口中显示结果
struts2、window、show
, 'width=450,height=300,status=yes,resizable=yes,scrollbars=yes');}
在editTracker.jsp页面中，我需要点击submit按钮来显示在jsp/THYKY.JSP页面中定义的结果变量。在一个新的窗口中，editTracker.jsp页面在按照struts.xml配置提交表单后仍然停留在那里，但是我无法<e
浏览 2提问于2011-10-29得票数 1
2回答
Struts 2:将表单字段的值从jsp发送到action类
java、javascript、jsp、struts2
我在一个jsp页面上有一个链接。这个新页面的视图由action类定义，它需要一个表单字段值。我面临的问题是，在不提交表单的情况下，我无法将表单字段的值获取到操作类。并且提交表单也改变了原始jsp的视图，这违背了打开新选项卡的全部目的。因此，我需要一种方法来获得操作类的表单字段值，而不需要重置原始jsp页面的视图。
我遇到的一种方法是重写U
浏览 5提问于2012-05-09得票数 2
回答已采纳
1回答
HTML/Javascript获取当前浏览器窗口并在超时时将其关闭
javascript、html、forms
我正在为greasemonkey编写一个小脚本，它应该从另一个页面提交表单(因此action属性不同于我想要提交它的页面)。当我单击输入按钮时，表单元素将被提交。因此，我想1.提交表单元素2.打开一个带有/overview/链接的新窗口并关闭当前窗口，或者停止重定向到/stock/foodstuff/use/
我试过这个：
浏览 5提问于2014-10-02得票数 0
1回答
在一个新窗口/ inAppBrowser中用Ionic发布表单(Cordova)
angularjs、cordova、ionic-framework
我想将结帐表单提交给外部url，它应该打开一个带有结果的新窗口，但是我不能让我的应用程序打开它，也不能在单独的窗口中打开它，也不能使用in浏览器。到目前为止，我所做的是创建一个包含表单的指令，并通过链接器函数在某个时候调用submit元素。
当我在浏览器中运行时，这会打开一个新窗口(正如我想要的那样)。在设备上
浏览 6提问于2015-12-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
