javascript - html表单捕获数据制作url

Question

有人可以解释一下我如何从两个下拉字段中捕获数据，并在按下提交按钮时将这两个选择值连接在一起以创建一个随后调用的 URL。

例如。

下拉菜单 1:苹果下拉菜单 2:橙色

当您单击提交按钮时，它会创建一个 url 并加载:

http://www.fruittopick.com/apple-orange.html <-- 它连接“apple”＆“-”＆“orange”＆“.html”，然后加载该页面。

Answer 1

您可以创建一个在提交表单时调用的 JavaScript 函数，例如见下文

function genURL()
{
var orange= document.getElementById('orangeCombo');
var apple= document.getElementById('appleCombo');
var finalURL="www.test.com"; // you can configure as per your need
finalURL= finalURL+orange+apple; // you can configure as per your need
window.location.href=finalURL; // to load generated URL
}

希望有帮助