javascript - 带路线的 Google map - 我可以在没有表单标签的情况下执行此操作吗？

Question

当您嵌入 Google map 并向其添加“获取路线”表单时，您最终会得到如下代码...

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d75485.70101136623!2d-3.058063457690749!3d53.755162332426345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487b402d5a3f1869%3A0xfb31e87322fd8f2c!2sLytham+St+Annes+FY8!5e0!3m2!1sen!2suk!4v1458126515953" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<h3>Directions</h3>
<form action="https://www.google.co.uk/maps/" method="get">
<p><label for="saddr">Your postcode</label>
<input type="text" name="saddr" id="saddr" value="" />
<input type="submit" value="Go" />
<input type="hidden" name="daddr" value="fy8" />
<input type="hidden" name="hl" value="en" /></p>
</form>

现在，我尝试使用“原始 HTML”小部件将其添加到 ASP.net 页面。说来话长，但目前我们没有其他方法可以做到这一点。这个小部件去掉了表单标签，所以我需要尝试重写上面的内容，可能通过向提交按钮添加某种 onclick 事件来执行相当于表单操作的操作=“https://www.google.co.uk”/maps/"method="get"属性。

这在 javascript 中可能吗？如果可以的话，有人能指出我解决这个问题的正确方向吗？

非常感谢

Answer 1

具体操作方法如下。 map iframe 部分无关紧要。

<p><label for="saddr">Your postcode</label>
<input type="text" name="saddr" id="saddr" value="" />
<input name="submit" type="button" value="Go" onclick="location.href='https://www.google.co.uk/maps/?daddr=' + document.getElementById('daddr').value +'&saddr=' + document.getElementById('saddr').value;" />
<input type="hidden" name="daddr"  id="daddr" value="fy8 2er" />
<input type="hidden" name="hl" value="en" /></p>