如何在新选项卡中打开表单选择
How can I make a form selection open in a new tab?
我在之前的搜索中找到了这个脚本,以寻找一种从单选按钮向浏览器提交 url 的方法:
<script type="text/javascript">
function doSubmit(form) {
var urls = form['url'];
var i = urls && urls.length;
while (i--) {
if (urls[i].checked) {
window.location = urls[i].value;
}
}
return false;
}
</script>
<form action="" onsubmit="return doSubmit(this)">
<input type="radio" name="url" value="http://www.google.com"> Google
<input type="radio" name="url" value="http://www.yahoo.com"> Yahoo
<input type="submit" value="Submit">
</form>
我正在尝试做的是修改脚本,以便它在新选项卡中打开 url。我尝试添加"_blank"参数但没有运气,但我什至不能 100% 确定它会去哪里。有人为我解答吗?
function doSubmit(form) {
form.target = "_blank";
var urls = form['url'];
var i = urls && urls.length;
while (i--) {
if (urls[i].checked) {
form.action = urls[i].value;
}
}
return true;
}
这段代码就可以了。HTML5 支持 target
属性。该脚本返回true
以允许执行表单操作。脚本将action
设置为所需的URL
,而表单target
设置为_blank
,在新窗口中打开网址。
相关文章:
- 在带有 bootbox 的自定义对话框中添加选项以选择表单控件.js在 ASP.NET MVC 中
- 如何通过按钮更改选择表单
- 在提交数据之前更改选择表单元素中的值
- 试图让Jquery在Rails和ActiveAdmin中使用动态选择表单
- HTML使用选择表单更改输入选择(可能使用JQuery?)
- Mootools提交表单仅在通过ID选择表单时有效
- 如何发布单选和复选框选择?表单由php和js处理
- 订阅选择表单中的不同选项
- 带有选择表单和文本字段的简单计算器
- text()不适用于选择表单输入
- 按下按键输入时输入表单和选择表单之间的冲突
- 选择表单后从数据库中获取隐藏的输入值
- 如何在给定焦点时选择表单输入中的文本
- 触发链接以在 If 语句中选择表单时触发
- 使用 Javascript 函数从 HTML 选择表单生成价格
- 使用 JavaScript 清空选择表单元素
- Ajax 动态选择表单未提交值
- JavaScript 选择表单选项
- 创建元素时不要更改选择表单的选项
- 如何做一个HTML选择表单,其中所选选项更新JSON值