Javascript 将表单变量传递给Google Maps API以获取源和目标

我有一个常规表单（不是JS），其中一个输入从db中提取城市列表，另一个输入有硬连线的机场位置

我需要将这两个位置传递到GoogleMapAPI，以返回距离和驾驶方向

以下是API交互的演示代码：

我也很乐意使用这个Coldfusion组件，但为了让它在这个常规表单中发挥出色，我转了好几个小时，但没有成功

非常感谢您的帮助

表格：

 <form name="frmAutoCompleteCountry" id="frmAutoCompleteCountry" action="" method="post" enctype="multipart/form-data">

Select the airport:

 <select name="airport">
   <option value="sfo">San Francisco Airport</option>
   <option value="oak">Oakland Airport</option>
   <option value="sjc">San Jose Airport</option>
 </select>

<input type="text" name="city" id="city" />

<input type="submit" name="submit" id="submit" value="Submit">

</form>

选择机场：
旧金山机场
奥克兰机场
圣何塞机场

示例：
CA旧金山机场/圣若泽 奥克兰机场/加利福尼亚州伯克利

在对JS做了一点小小的调整之后，我就能够使用标准表单提交出发地和目的地，这看起来很简单，甚至我都能做到

我只是添加了一个名为address2的新表单输入；在JS中添加了var，并将纬度数字替换为address2

$('#submit').click(function() {
var address = $('#address').val();
var address2 = $('#address2').val();
var request = {
    origin: address,
    destination: address2,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
};

---

暂时忽略您的表单。你知道如何将变量传递到api并获取一些信息吗？我有两个不同的脚本（上面的链接），它们在本地正常工作。你能给我们看看你的代码吗，包括你尝试使用的城市和机场的示例位置。我在我的原始帖子中添加了“基础”表单。只是尝试将这两段数据发送到API，并获得类似于这里的内容：我发现这个脚本使用一个输入字段。我只是不太了解JS，无法尝试添加第二个字段来替换这个字段上预定义的目的地“Dublin”。