在工作中，我使用的系统之一输出航行时间表。每次航行的URL都构造为表单地址，后跟?voyagecode=，然后是航次号，这是一个两个字母的航线前缀和一个三位数的航次号。
我想使用一个简单的页面，而不是使用具有很多我不需要使用的字段的标准表单，只需选择路线并输入航程号即可。
实际上，我正在尝试使用以下内容构建表单：
[LINK]?voyagecode=[ROUTE CODE][VOYAGE NUMber]格式的链接的按钮或链接我的HTML知识已经过时了，而且我从不使用表单。谁能建议我如何构造它？
为什么不使用select标签作为下拉菜单，而不使用经典的input text作为路线编码呢？
然后对于链接部分，您应该通过click捕获按钮上的onClick事件，然后调用一个基本上可以完成此操作的小函数：
function concatRouteCode(){
var select= document.getElementById("routeCodeLetters");
var routeCodeLetters = select.options[select.selectedIndex].value;
var routeCodeNumber = document.getElementById('routeCode').value;
return routeCodeLettres+routeCodeNumber;
}
如果您确实想将代码合并为一个查询参数，则必须使用Javascript来获取两个字段的值并更改位置。如果将值放入单独的参数中，则不需要Javascript，例如?routeCode=xx&voyageNumber=123。在这种情况下，您只需为select元素赋予属性name=routeCode，为输入字段赋予属性name=voyageNumber。
如果您想采用第一种方法，则可能会遇到类似的情况
document.getElementById("idOfSubmitButton").addEventListener("load",function() {
const routeCode = document.getElementById("idOfSelectElement").value;
const voyageNumber = document.getElementById("idOfInputField").value;
location.href = "base URL here" + "?voyageCode=" + routeCode + voyageNumber;
});